DEV Community

Elayaraj C
Elayaraj C

Posted on

React Learning

#react #webdev

HTML Document Object Model
REACT LEARNING

  1. Babel is use to convert the old java script to new Java Script code it is a tool.

  2. Babel is a popular JavaScript transpiler (compiler) that converts modern JavaScript code (ES6+) into older, backward-compatible versions.

what is React?

  • React is a free and open-source JavaScript library used primarily for building user interfaces (UIs) on the web. Developed by Meta (formerly Facebook) in 2013, it has become one of the most popular tools for front-end development.

App.js is the root file for react js.
what is virtual dom in react

  • The Virtual DOM (VDOM) is a lightweight copy of the actual DOM (the structure of your webpage). React uses it to make updates to your website faster and more efficient.

What is JSX CODE?

  1. JSX IS HTML + JAVA SCRIPT Combined CODE IS CALLED JSX.

What is React Component?

  • A React Component is a small, reusable piece of code that represents a part of a web page.

what is the use of props?

  • Props (short for "Properties") allow you to pass data from one component to another component (specifically, from a parent to a child).

what is react state? what is usestate in react?

  • State is a React component's internal memory.
  • useState is a React Hook that lets you add "memory" to your components.

Whst is the use of Spread Operator[...]?

  • In React, it is used primarily to copy data easily. Since React doesn't let you change (mutate) data directly, we often have to "copy the old data, change one thing, and save it as new data."

  • The ... operator makes this very easy.

the 3 Main Uses in React using ...

  1. Updating Objects (Without losing data)
  2. Adding to a List (Arrays)
  3. Passing Props Shortcut

what is useEffect in react?why we use

  • useEffect is a Hook that lets you perform Side Effects in your components.
  • In React, a component's main job is to just convert data (State/Props) into HTML (UI). Any action that happens outside of this direct calculation is called a "Side Effect".

what is react router?

  • React Router is a standard routing library for React that enables client-side navigation in single-page applications (SPAs).

  • it allows you to build a React application with multiple pages/views without reloading the browser.

what is nested route?
In React Router, a nested route means a route inside another route. It is used when one page has a common layout and only a portion of the UI changes based on the URL.

what is react forms?

  • In React, handling forms is slightly different from standard HTML. React wants to be in charge of the data at all times.

Top comments (0)