◎ Formation complète React ◎
➲ React : section 1
⁂ 1.1 introduction react➔ Welcome to this first video react
⁂ 2.1 react what is what react➔ In this video I explain what React is and its history.
⁂ 2.2 how to install react on your computer ?➔ In this video I show you how to install react on your computer.
⁂ 2.3 example code react.➔ In this course I show you examples of code react.
➲ React : section 2
⁂ 2.4 Let & const➔ In this course I show you and explain Let & const.
⁂ 2.5 fleche function.➔ In this course we will see the Functions in arrow.
⁂ 2.6 Export Import Reactions➔ In this course we will see Exports & Imports.
⁂ 2.7 understanding classes➔ In this course we will see how to understand classes.
⁂ 2.8 class methods ownership➔ In this course we will see Class Methods Property.
⁂ 2.9 loperator spread and rest➔ In this course we will see The spread operator and Rest.
⁂ 3.0-destruction.➔ In this course we will see the Destructuration
⁂ 3.1 updating of reference and primitive types.➔ In this course we will see the updating of the reference and primitive types
⁂ 3.2 refresh table functions.➔ In this course we will see the refresh of the table functions
⁂ 3.2.0 Conclusion➔ In this course the conclusion of this section of courses is made
➲ React : section 3
⁂ 3.3 project presentation.➔ In this course I give you the Presentation of the project
⁂ 3.4 the code react is written declarative way.➔ In this course we will see "the React code is written declaratively"
⁂ 3.5 presentation of modules.➔ In this course I do the presentation of the modules
⁂ 3.6 create a new project.html➔ In this course we will create a new project for our website
⁂ 3.7 analyze a project react standard.➔ Dans ce cours on va analyser un projet React standard
⁂ 3.8-jsx-presentation.➔ In this course I give you the JSX Presentation
⁂ 3.9-how-works-react.➔ In this course I explain how React works
⁂ 3.10 build a first component customized.➔ In this course we will build a first custom component
⁂ 3.10.1 jsx code writing➔ In this course we will write JSX code
⁂ 3.11 add one style base css.➔ In this course we will Add a basic CSS style
⁂ 3.12 dynamic data output and use dexpressures in jsx➔ In this course we will do a Dynamic Data Output and the use of expressions in JSX
⁂ 3.13 add a logical javascript normal to components➔ In this course we will Add normal javascript logic to the components
⁂ 3.14 divide components into several components➔ In this course we will divide the components into several components
⁂ 3.15 duty 1 time to practice react and component basics➔ In this course we will divide the components into several components
⁂ 3.16 pass data via des props➔ In this course we will pass data via props
⁂ 3.17 a first summary.➔ In this course we will pass data via props
⁂ 3.18 a look more attentive on jsx➔ In this course we will have a closer look at JSX
⁂ 3.19 component file organization➔ In this course we will see an organization of component files
⁂ 3.20 a syntax of function alternative➔ In this course we will see an alternative function syntax in react
➲ React : section 4
⁂ 4.0 module introduction.➔ In this course we will see the introductory modules
⁂ 4.1 listen to events and use of managers development➔ In this course we will see "listening to events and using event managers"
⁂ 4.2 how the functions of the components are executed.htm➔ 4.2 how component functions are performed
⁂ 4.3 working with state.html➔ In this course we will work with state
⁂ 4.4 a deeper look at the crochet useState.htm➔ In this course we’ll see and I’ll vopus explain a crochet useState
⁂ 4.5 Listen Slow to Solve.html➔ In this course we will listen to the user’s input
⁂ 4.6 working with several states.html➔ In this course we will work with several states
⁂ 4.7 update status that depends on letat precedent➔ In this course we’re gonna use a state instead
⁂ 4.8 use one state has the place and what is better➔ In this course we’re gonna use a state instead
⁂ 4.9 adding trees to form.➔ In this course we will add form entries
⁂ 4.10 addition of link bidirectional.➔ In this course we are going to add a bidirectional link
⁂ 4.11 form submission processing.➔ In this course we are going to add a bidirectional link
⁂ 4.12 communication component child parent ascending.➔ In this course we will see the child-parent communication component
⁂ 4.13 state raise.➔ In this course we will see how to raise the state in react
⁂ 4.14 components control vs non control and components without state vs with state➔ In this course we will see the Components controlled vs uncontrolled and components without state vs with state
➲ React : section 5
⁂ 5.0 Module introduction➔ In this course we will see the introductory modules
⁂ 5.1 React rendering data lists➔ video about a react rendering data list
⁂ 5.2 Use of lists with status➔ video about a use of lists with status
⁂ 5.3 Understand the keys➔ video about understand the keys
⁂ 5.4 Condiitional content output➔ video about a conditional content output
⁂ 5.5 Add conditional return instruction➔ video about add conditional return instruction
⁂ 5.6 Demo application addong a graph➔ video about demo application adding a graph
⁂ 5.7 Adding dynamic styles➔ video about adding dynamic styles
⁂ 6.1 Conclusion and next Steps➔ video about a conclusion and next steps
👍Good to know :
React is an open-source user interface (UI) development library created by Facebook. It is used to build dynamic,
interactive and powerful user interfaces for the web and mobile applications.
Key features of React include:
Components: React promotes modular design by dividing the user interface into multiple reusable components.
This makes the code clearer, easier to maintain and more scalable.
Virtual DOM: React uses a concept called "Virtual DOM" which allows it to make user interface updates more efficiently.
Instead of updating the MOD directly, React builds a virtual representation of the user interface and compares that representation to changes in the application state.
It then applies the necessary changes to the MOD only when necessary,
which reduces the number of direct manipulations on the MOD.
Unidirectional: React follows a unidirectional data model,
in which data moves from parent component to child component using the "props".
This approach facilitates understanding and maintenance of the code.