Uploaded February 2016 | Updated September 2026, 1 week ago

---

The core of React js programming is React components. Just like everything in HTML is an element, everything in React is a component. In this video, we'll break down how a component works.

GET THE SOURCE CODE:
github.com/learncodeacademy/react-js-tutorials

React JS #1: Intro & Workspace Setup
youtu.be/MhkGQAoc7bc (Coming Tues, Feb 2@11CST)

React JS #2: Anatomy of a Component
youtu.be/fd2Cayhez58 (Coming Wed, Feb 3@11CST)

React JS #3: Composing Multiple Components
youtu.be/vu_rIMPROoQ (Coming Thurs, Feb 4@11CST)

React JS #4: State, Props & Data
youtu.be/qh3dYM6Keuw (Coming Fri, Feb 5@11CST)

React JS #5: Events & Data Changes
youtu.be/_D1JGNidMr4 (Coming Mon, Feb 8@11CST)

React JS #6: React Router & Intro to Single Page Apps
youtu.be/1iAG6h9ff5s (Coming Tues, Feb 9@11CST)

React JS #7: React Router Params & Queries
youtu.be/ZBxMljq9GSE

WATCH THESE FIRST:
ES6:
youtube.com/playlist?list=PLoYCgNOIyGACDQLaThEEKBAlgs4OIUGif
WEBPACK:
youtube.com/watch?v=9kJVYpOqcVU

If you're new to Javascript, the MODULAR JAVASCRIPT course is also helpful:
youtube.com/playlist?list=PLoYCgNOIyGABs-wDaaxChu82q_xQgUb4f

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
youtube.com/watch?v=fgOO9YUFlGI
-~-~~-~~~-~~-~-