⚝ React is one of the most popular words in the web development space
We will discuss the
✧ WHAT
✧ WHY
✧HOW
✧ & Some basics of ✪ React JS ✪
➩ What is ReactJS?
★ A JavaScript library is used for building user interfaces.
★ We can build Simple webpages to Complex web apps using React
➩ Why ReactJS?
★ Of course, you can build complex web apps using JavaScript, but it will be a heavy task
★ With React you can build small components where a Component is a logically reusable part of the website
★ And These Components are logically represented in the UI
➩ Why ReactJS?
★ Of course, you can build complex web apps using JavaScript, but it will be a heavy task
★ With React you can build small components where a Component is a logically reusable part of the website
★ And These Components are logically represented in the UI
*➩Installation *
1) Install NodeJS
2) Run npx create-react-app app_name on the terminal
This will set up the React work folder for you, try editing the App.js file and run npm start
You can see the changes in real-time(a few milliseconds delay for compiling )
➩ Creating a component
★ A component is typically a .js or .jsx file(s) which represents a particular section of the UI
You can write components as
⚝ Class-based Components
⚝ Functional Components (popular & newest way )
➩ Functional Component
★ A functional component is typically a JavaScript function that returns a React Element
➩ Minimum Concepts you should Learn in React
★ JSX
★ Components and Props
★ States
★ Handling Events
★ Forms
★ Hooks
★ State Management
★ Conditional Rendering and few more
➩Additional Packages (Libraries) for your help
★ React Router - Page Routing
★ Axios - Working with Requests(GET,POST)
★ Redux -State management
★ CSS Libraries and UI Components
That's it
★ React, Itself don't provide an overall solution, the community behind react is one of the best reason for the popularity of React.
Top comments (0)