About

Tuesday, January 24, 2023

ReactJS Tutorial - 8 - JSX


 

JavaScript XML (JSX) is an extension to the JavaScript language syntax. With React, it's an extension to write XML-like code for elements and components. And just like XML, JSX tags have a tag name, attributes, and children

ReactJS Tutorial - 7 - Hooks Update


 

this video we tutorial ReactJS Hooks Update

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.

Twitter Delicious Facebook Digg Stumbleupon Favorites More