Main.shssdhakchina 02 Feb 2022 React Custom Hooks Hooks are reusable functions. When you have component logic that needs to be used by multiple components, we ca...
Main.shssdhakchina 02 Feb 2022 React useMemo Hook The React useMemo Hook returns a memoized value. Think of memoization as caching a value so that it does not ne...
Main.shssdhakchina 02 Feb 2022 React useCallback Hook The React useCallback Hook returns a memoized callback function. Think of memoization as caching a value so...
Main.shssdhakchina 02 Feb 2022 React useReducer Hook The useReducer Hook is similar to the useState Hook. It allows for custom state logic. If you find yourself ...
Main.shssdhakchina 02 Feb 2022 React useRef Hook The useRef Hook allows you to persist values between renders. It can be used to store a mutable value that does ...
Main.shssdhakchina 02 Feb 2022 React useEffect Hooks The useEffect Hook allows you to perform side effects in your components. Some examples of side effects are:...
Main.shssdhakchina 02 Feb 2022 React useContext Hook React Context React Context is a way to manage state globally. It can be used together with the useState Ho...
Main.shssdhakchina 02 Feb 2022 React useState Hook The React useState Hook allows us to track state in a function component. State generally refers to data or pr...
Main.shssdhakchina 02 Feb 2022 React Hooks Hooks were added to React in version 16.8. Hooks allow function components to have access to state and other React fea...
Main.shssdhakchina 02 Feb 2022 Styling React Using CSS There are many ways to style React with CSS, this tutorial will take a closer look at three common ways: ...
Main.shssdhakchina 02 Feb 2022 React Memo Using memo will cause React to skip rendering a component if its props have not changed. This can improve performance. ...
Main.shssdhakchina 02 Feb 2022 React Router Create React App doesn't include page routing. React Router is the most popular solution. Add React Router To add Re...
Main.shssdhakchina 02 Feb 2022 React Forms in Class Components If we understand the forms in functional components, it is very easy to understand the concepts be...
Main.shssdhakchina 02 Feb 2022 React Forms in Functional Components Just like in HTML, React uses forms to allow users to interact with the web page. Adding For...
Main.shssdhakchina 02 Feb 2022 React Lists In React, you will render lists with some type of loop. map() The JavaScript map() array method is generally the pref...
Main.shssdhakchina 02 Feb 2022 React Conditional Rendering In React, you can conditionally render components. There are several ways to do this. if Statement We...
Main.shssdhakchina 01 Feb 2022 React Events Just like HTML DOM events, React can perform actions based on user events. React has the same events as HTML: click, ...
Main.shssdhakchina 01 Feb 2022 React Props Props are arguments passed into React components. Props are passed to components via HTML attributes. props stands for...
Main.shssdhakchina 01 Feb 2022 Life Cycle of Class Components Each component in React has a lifecycle which you can monitor and manipulate during its three main ...
Main.shssdhakchina 01 Feb 2022 Class Components Before React 16.8, Class components were the only way to track state and lifecycle on a React component. Function...
Main.shssdhakchina 01 Feb 2022 Functional Components Functional components are very easy to create and was intended to act as a stateless components development....
Main.shssdhakchina 26 Jan 2022 JavaScript Async Await "async and await make promises easier to write" async makes a function return a Promise await makes a fun...
Main.shssdhakchina 26 Jan 2022 JavaScript Promises "I Promise a Result!" "Producing code" is code that can take some time "Consuming code" is code that must wai...
Main.shssdhakchina 26 Jan 2022 Destructuring Assignment in Javascript Destructuring Assignment is a JavaScript expression that allows to unpack values from array...
Main.shssdhakchina 26 Jan 2022 The Spread Operator Spread operator allows an iterable to expand in places where 0 arguments are expected. It is mostly used in t...
Main.shssdhakchina 26 Jan 2022 Classes and Inheritance To create a class inheritance, use the extends keyword. A class created with a class inheritance inherits...
Main.shssdhakchina 26 Jan 2022 Classes, Properties and Methods ECMAScript 2015, also known as ES6, introduced JavaScript Classes. JavaScript Classes are templat...
Main.shssdhakchina 26 Jan 2022 Exports Imports Export and import directives have several syntax variants. Export before declarations We can label any declarat...
Main.shssdhakchina 26 Jan 2022 Modules As our application grows bigger, we want to split it into multiple files, so called “modules”. A module may contain a cla...
Main.shssdhakchina 26 Jan 2022 Template Literals Template Literals simplifies many tasks such as string interpolation, evaluating expression inside a string. B...
Main.shssdhakchina 26 Jan 2022 Arrow Functions Arrow functions were introduced in ES6. Arrow functions allow us to write shorter function syntax: A Simple Arrow...
Main.shssdhakchina 26 Jan 2022 let and const keywords * The let keyword was introduced in ES6 (2015). * Variables defined with let cannot be Redeclared. ...
Main.shssdhakchina 25 Jan 2022 Hello World using create react app package 1 Make sure you have installed NodeJs and Yarn Packages. 1 Navigate to a folder w...
Main.shssdhakchina 17 Jan 2022 Hello World from external JS Separating the React element from HTML is a little bit tricky, since the conversion of JSX involves B...
Main.shssdhakchina 17 Jan 2022 Hello World from HTML The quickest way start learning React is to write React directly in your HTML files. Start by including thre...
Main.shssdhakchina 17 Jan 2022 Simple Web Server "Serve" Serve is a simple web server that can serve static files. This can be used to run ReactJs during the dev...
Main.shssdhakchina 17 Jan 2022 Yarn Package Manager Yarn is a package manager for your code. It allows you to use and share code with other developers from aroun...
Main.shssdhakchina 16 Jan 2022 Basics of ReactJS React is an open source, JavaScript library for developing user interface (UI) in web application. React is deve...
Main.shssdhakchina 16 Jan 2022 What is NPM? NPM is a package manager for Node.js packages, or modules if you like. www.npmjs.com hosts thousands of free packages...
Main.shssdhakchina 16 Jan 2022 What is Node.js? * Node.js is an open source server environment * Node.js is free * Node.js runs on various platforms (Wi...