Skip to main content

Posts

Showing posts from May, 2021

Application Frameworks Project - Review

    For the Application frameworks module, we were assigned a project of developing a 'Conference Management Tool'. It is to be named as 'International Conference on Application Frameworks' (ICAF). When developing this tool, there should be a login and user levels should be maintained as admin, editor, reviewer and user.   In this tool there should be options for researchers to upload their research papers and workshop presenters to upload their presentations. I was assigned with the development of the component of uploading and managing research papers. The templates for the research papers would be available separately in the application. For this project we were asked to build the front end using react and when using react we were asked to build from scratch and not to use npx create-react-app. This requirement led me to research on the difference of creating and maintaining a react application in these two different ways. Both ways may have their own advantages and

Creating a React Application (From scratch vs from create-react-app)

  React is a very popular front end java-script library which is created and maintained by Facebook. It can be used to build responsive single page applications. There are several ways to initiate a react project. Either you can build from scratch or use a tool-chain recommended by the react team. Building from scratch To build a react project from scratch you have to initiate a node project by issuing the command 'npm init'. Then you can issue the command 'npm install react-router-dom' to install the dependencies related to react. Then you have to add 2 files, index.html and index.js. Instead of index.js index.jsx also can be used. These files can be added to the root directory itself. When building an application from scratch there is no restrictions as to the directory structure. But it is always a good practice to maintain proper directory structure. When building from scratch you can also use tools like webpack or parcel for bundling. Building using create-react-ap