React Official Docs

Introduction

Assuming you are familiar with HTML, CSS and JS. Now learning React.JS seems like a huge hefty task that has been keeping you from becoming the frontend developer you always wanted to become. It feels like there’s a steep learning curve ahead of you. Well, we from SWC have compiled just the right resources and structured some really good tasks to make you overcome that learning curve.

ReactJS, often referred to as React, is a popular JavaScript library for building user interfaces (UIs). It was developed by Facebook and released in 2013. ReactJS is widely used for creating interactive and dynamic web applications.

ReactJS is based on the concept of reusable UI components. A component in React is a self-contained module that encapsulates its own state and behaviour. These components can be combined together to form complex UIs. React takes care of efficiently updating and rendering the components as the state changes. Some of its major features are:

Component-based architecture: Components can be easily reused across different parts of the application, which improves code maintainability and reusability.
JSX syntax: React uses JSX (JavaScript XML) syntax, which allows you to write HTML-like code within JavaScript.
Virtual DOM: React uses a virtual representation of the actual browser DOM, known as the Virtual DOM. It maintains a lightweight copy of the DOM and efficiently updates only the necessary parts when the state of a component changes. This approach leads to better performance and a smoother user experience.
Unidirectional data flow: Data flows from parent components to child components through props, making it easier to understand how data changes in the application.

Throughout the course, you'll see examples of what each of the above phrases means.

Git and Github basics

You need to be familiar with Git and Github basics to contribute to other projects and even for version control for your own project.