Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
| courses:cs397:winter2017:react [2017/03/27 17:36] – denningk | courses:cs397:winter2017:react [2017/05/05 16:10] (current) – [Presentation Slides] admin | ||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== React ====== | ====== React ====== | ||
| + | {{: | ||
| + | ====== Summary and Goals ====== | ||
| + | |||
| + | React is a Javascript library for frontend development that allows for greater flexibility and fluidity when developing widgets and web apps. React uses a virtual DOM (document object model) to update its UI elements, then compares the virtual DOM with its current DOM, then renders the changes. Furthermore, | ||
| + | |||
| + | ====== Virtual DOM ====== | ||
| + | The use of the virtual DOM is one of the most important features of React. For large websites whenever a change is made, the DOM has to be manipulated. Most javascript frameworks update the entire DOM with every change, regardless of how small. This is a very slow process. React makes a copy of the DOM, the virtual DOM, which updates much faster. When a change is made to the website the entire virtual DOM updates, the changes are compared to the real DOM, then only the changed aspects of the real DOM are updated. | ||
| + | |||
| + | ====== Helpful Links ====== | ||
| + | * [[https:// | ||
| + | * [[https:// | ||
| + | * [[https:// | ||
| + | * [[https:// | ||
| + | * [[https:// | ||
| + | * [[https:// | ||
| + | |||
| + | ====== Presentation Slides ====== | ||
| + | [[https:// | ||
