Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
courses:cs397:winter2017:react [2017/04/04 16:40] – Initial Wiki Entry shnoudahmcourses:cs397:winter2017:react [2017/05/05 16:10] (current) – [Presentation Slides] admin
Line 3: Line 3:
 {{:courses:cs397:winter2017:bbva-open4u-reactjs-libreria-javascript-facebook.png?400|}} {{:courses:cs397:winter2017:bbva-open4u-reactjs-libreria-javascript-facebook.png?400|}}
  
-**Summary and Goals**+====== 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, React can keep track of UI elements' states and renders the UI elements based off of the states. React's goal is to be fast, simple, and scalable and create web apps that use data that changes over time without having to reload the page. 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, React can keep track of UI elements' states and renders the UI elements based off of the states. React's goal is to be fast, simple, and scalable and create web apps that use data that changes over time without having to reload the page.
  
-**Helpful Links** +====== Virtual DOM ====== 
-* Official React page: https://facebook.github.io/react/ +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 manipulatedMost 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 fasterWhen 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.
-* Official React tutorial: https://facebook.github.io/react/tutorial/tutorial.html#getting-started +
-* LearnCode.academy video series: https://www.youtube.com/watch?v=MhkGQAoc7bc&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b +
-* Wes Bos Reduxstagram tutorial: https://www.youtube.com/watch?v=hmwBow1PUuo&list=PLu8EoSxDXHP5uyzEWxdlr9WQTJJIzr6jy +
-* Codecademy React tutorials: https://www.codecademy.com/learn/react-101 +
-& https://www.codecademy.com/learn/react-102+
  
-**Presentation Slides** +====== Helpful Links ====== 
-https://docs.google.com/presentation/d/1AuBpUFJ4ent6NyTloz_H7FB5aW4qBoLFjC4MDiOzkvA/edit?usp=sharing+  [[https://facebook.github.io/react/|Official React page]] 
 +  [[https://facebook.github.io/react/tutorial/tutorial.html#getting-started|Official React tutorial]] 
 +  [[https://www.youtube.com/watch?v=MhkGQAoc7bc&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b|LearnCode.academy video series]] 
 +  [[https://www.youtube.com/watch?v=hmwBow1PUuo&list=PLu8EoSxDXHP5uyzEWxdlr9WQTJJIzr6jy|Wes Bos Reduxstagram tutorial]]  
 +  * [[https://www.codecademy.com/learn/react-101|Codecademy React tutorial 1]] 
 +  * [[https://www.codecademy.com/learn/react-102|Codecademy React tutorial 2]] 
 + 
 +====== Presentation Slides ====== 
 +[[https://docs.google.com/presentation/d/1AuBpUFJ4ent6NyTloz_H7FB5aW4qBoLFjC4MDiOzkvA/edit?usp=sharing|Presentation Slides on Google Drive]], and in PDF: {{ :courses:cs397:winter2017:reactpresentation.pdf |}}
courses/cs397/winter2017/react.1491324038.txt.gz · Last modified: 2017/04/04 16:40 by shnoudahm
CC Attribution-Noncommercial-Share Alike 4.0 International
Driven by DokuWiki Recent changes RSS feed Valid CSS Valid XHTML 1.0