React Workshop
- - Facebook - Share Ideas, Get/Receive Help
- - Discord Chatroom
- - Forum - People all over the world
- - Meetups, Projects, Challenges, Collaboration
- - Ideas, Topics, etc.
- - Install Node.js
- - Make sure you have a code editor (sublime, Atom, VS Code...)
- - Clone the Github repo: https://github.com/gwenf/ReactReduxWorkshop
Pre-requesites:
What is React?
1. Library for building user interfaces with JavaScript
2. Paradigm for building Web, Mobile, Desktop, IoT, TV, VR... applications
3. "Learn Once, Build Anywhere"
4. M.I.T. Licensed
JavaScript Syntax - Example
https://codepen.io/gwenf/pen/aVREOv?editors=1010
React Syntax - Example
https://codepen.io/gwenf/pen/jaeYNQ?editors=1010
Traditional Web Pages
<html>
CSS
1. Separation of Concerns
2. Less JavaScript, More HTML
3. Server renders the page
JavaScript
Modular Web Applications
Component
Component
Component
Component
Component
Component
Component
<html>
CSS
JavaScript
Babel - Transpiling
Webpack
Lifecycle Methods
Learn More
- More in depth version of this workshop: https://github.com/davefancher/ReactReduxWorkshop
- Andrew Mead (teacher on sites like Udemy)
- learncode.academy (YouTube Channel)
- Facebook Developer Channel (YouTube)
Thanks for Coming!