React is an extremely useful library - no one would deny that.
But the courses that typically teach it are a) expensive, b) complicated. I set out to make a course that was not like either of those.
This is a React course that is easy and intuitive. We'll learn the following key things:
1) What's JSX?
2) How do we compile React?
3) How do we add interactivity to React?
4) What are some ways we might organize our application?
5) A heck of a lot more
Throughout, we'll be building a Reddit-reading app that will blow all your other home projects away!
Don't delay, sign up now.
•Teaches practical React skills
•Learn to compile React and generate real websites
•Does not get into popular add-ons like React-Redux
•Focus on user experience
•Supported by Facebook
•Widespread and popular
React components can, but don’t have to be, written in it
•Only one “flavor”
•Simply an engine for rendering views
•Supported by Facebook
•Numerous different kinds (Angular 1, Angular @2, etc.)
•The banana, the gorilla holding the banana, and the whole jungle
•React compiles components in a “virtual DOM”, faster than using the real DOM
•When changes occur, they are computed first in virtual DOM
•DOM is updated in most performance-sensitive way possible
•Data is passed between components using props
•React is written in JSX which isn’t supported by browsers
•React applications require a special workflow where changes are compiled automatically
•Webpack can wrap JSX transformers for fast development, ES6 features
In this demo we set up the application that we will be building.
•Modular building blocks which make up the application
•Written in JSX
•Can be “stateful” or “stateless”
•Not unlike HTML tags
•Add a list component to be main entry point of our application
•Data is passed from parent elements to children via “props”
•Props can be any kind of data type
•Data can be passed down through multiple layers of child components with props
•We will pass the application state to the child component using props
•Lists (repeat elements) are created by mapping an array of primitive values into an array of React components
•Each element must have a unique key
•Stateless components do not keep track of user activities
•Actions that would update application state must be passed back to top level via props
•Render method must be called every time state changes (but, page redraw will be optimized automatically)
•Add all the functionality necessary to have a fully operable newsfeed reader
•How to compile JSX
•How to render React applications
•How to create components
•How to update application state
•How to update the application
•How to create lists
Do You 'Member?
Known in development circles as “the Code Whisperer," Daniel Stern has been believed to possess a supernatural connection to computers ever since he talked the supercomputer Deep Blue off the roof of a twelve-story St. Petersburg apartment building, following its shameful loss to Gary Kasparov.
He can often be found singing softly to his tablet, or gently caressing his aluminum keyboard in his arms.
Daniel has been working as a front end and full stack developer in the tech industry since 2011. He's developed single-page applications for banks like CIBC, charities like the Ontario Institute for Cancer Research, and at ad agencies like McLaren McCann, TraffikGroup and Olson. Throughout his labors, he's worked on computer programming in his spare time because, well, he's obsessed with it.
In addition to being trusted by the open source community to develop top-quality, functional code, Daniel has also been invited to speak at numerous conferences including Full Stack Conference 2014 in London, England.
Daniel is an active learner and very passionate about the following technologies,
- Brackets, the Open Source Code Editor
- Many, many, many more