About

Tuesday, January 24, 2023

ReactJS Tutorial - 6 - Class Components


 

Class syntax is one of the most common ways to define a React component. While more verbose than the functional syntax, it offers more control in the form of lifecycle hooks. Creating a class component is pretty simple; just define a class that extends Component and has a render function.

ReactJS Tutorial - 5 - Functional Components


 

The simplest way to define a component is to write a JavaScript function. A valid React component because it accepts a single “props” (which stands for properties) object argument with data and returns a React element. We call such components “function components” because they are literally JavaScript functions.

Saturday, January 21, 2023

ReactJS Tutorial - 4 - Components


 

Components let you split the UI into independent, reusable pieces, and think about each piece in isolation. Conceptually, components are like JavaScript functions. They accept arbitrary inputs (called “props”) and return React elements describing what should appear on the screen. There are two types of components - Stateless Functional Components and Stateful Class Components

ReactJS Tutorial - 3 - Folder Structure


 

Exploring the folder structure of a Create React App generated project.

ReactJS Tutorial - 2 - Hello World


 

Create React App is a comfortable environment for learning React, and is the best way to start building a new single-page application in React. It sets up your development environment so that you can use the latest JavaScript features, provides a nice developer experience, and optimizes your app for production.

ReactJS Tutorial - 1 - Introduction


 

React is an open source javascript library for building user interfaces. React is a project created and maintained by Facebook. React has more than a 100 thousand stars on GitHub and a huge community behind it. React has become increasingly popular among developers and is also one of the most sought out skill-sets by companies right now. React has a component based architecture. This lets you break down your application into small encapsulated parts which can then be composed to make more complex UI. React is declarative. React will make it painless for you to create complex UIs by abstracting away the difficult parts. React will handle efficiently updating and rendering just the right components in your application when your data changes. DOM updates which is one of the more expensive operations is handled gracefully in React.

Twitter Delicious Facebook Digg Stumbleupon Favorites More