React JS and DRF — Introduction to React JS and Creating a hello world app with React JS

React is the most popular front-end JavaScript library in the field of web development. It is used by large, established companies and newly-minted startups alike (Netflix, Airbnb, Instagram, and the New York Times, to name a few). React brings many advantages to the table, making it a better choice than other frameworks like Angular.js.

Advantages of React Js

1. Improved performance
2. Dynamic applications
3. Reusable components
4. It can be used for the development of both web and mobile apps
5. Dedicated tools for easy debugging

Starting our First App

To create a new React App, you should have installed node. If installed you can execute these commands and get a react app with a good Architecture.

npx create-react-app my-app
cd my-app
npm start

If you start the server, you should see a page like this which is the default welcome page as Django Provides us.

React App

This is the folder structure of React where src is the main folder where we begin to code.

Folder Structure

Feel free to contact me for any queries.

Email: sjlouji10@gmail.com

Linkedin: https://www.linkedin.com/in/sjlouji/

Happy coding…