Verified Commit 83d3e5a6 authored by Florent Chehab's avatar Florent Chehab
Browse files

docs(React): cleaned and added link to the missing semester

parent 3ed4870e
Quick intro to React
===============
?> :information_desk_person: `React` is a JavaScript library to build user interface and it was introduced by Facebook.
# Quick intro to React
?> :information_desk_person: `React` is a JavaScript framework used to create rich and interactive user interface. It was introduced by Facebook.
## General idea
When doing web development, you should be familiar with the *DOM* ([Document Object Model](https://fr.wikipedia.org/wiki/Document_Object_Model)) which is basically a tree translation of the HTML file you send to the browser for rendering.
When doing web development, you should be familiar with the _DOM_ ([Document Object Model](https://fr.wikipedia.org/wiki/Document_Object_Model)) which is basically a tree translation of the HTML file you send to the browser for rendering.
React is built on a _virtual DOM_ (you can explore it with the [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) extension for chromium-based browsers -- [also available on Firefox](https://addons.mozilla.org/fr/firefox/addon/react-devtools/)). The elements of this _virtual DOM_ are no longer HTML tags; they are real _living_ objects called **components** that can be modified and that can perform multiple actions. Every time an update to is performed, the DOM in your browser is smartly updated by react based on its own internal _virtual DOM_.
React is built on a *virtual DOM* (you can explore it with the [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) extension for chromium based browsers). The elements of this *virtual DOM* are no longer HTML tags; they are real *living* objects called **components** that can be modified et that can perform multiple actions. Every time an update to is performed, the DOM in your browser is smartly updated by react based on its own internal *virtual DOM*.
Components being elements of tree-like structure, they must have a parent (or be the root node) and they can have as many _children_ components as they want.
Components being elements of tree like structure, they must have a parent (or be the root node) and they can have as many *children* components as they want.
## Tutorial
### Javascript
## TODO more
To get familiar with Javascript in general, you can have a look [here](https://gitlab.com/FloChehab/the-missing-semester/-/tree/master/js) and [here](https://gitlab.com/FloChehab/the-missing-semester/-/tree/master/exercices/3.Javascript) for some exercises and links to a good tutorial.
### React
To know more about `React` you should start by doing the official React tutorial [here](https://reactjs.org/tutorial/tutorial.html).
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment