REACT JS TUTORIAL #8 - React Inline Styles & Component Arrays @learncodeacademy

Uploaded February 2016 | Updated September 2026, 1 week ago

Alright, our whole app is in React now. Here's what I did plus some react tricks along the way.

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/olLI54FATb8 (Coming Tues, Feb 9@11CST)

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

React JS #8 - React Inline Styles & Component Arrays
youtu.be/XVdwq8W2ZsM

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

REACT JS TUTORIAL #8 - React Inline Styles & Component Arrays

TensorFlow JS Tutorial - Build a neural network with TensorFlow for Beginners

Deploying node.js applications #2 - provision server & setup flightplan

$jQuery Ajax Tutorial #4 - Edit modes & Better Mustache.js Templating (jQuery tutorial #9) Free RESTful API to use for practice!: http://rest.learncode.academy/ In this jQuery Tutorial, were finishing up our single-page ajax application by making an edit mode and enhancing our templating. Weve been using a RESTful API so far, so to edit a resource in a standard way, we will just make a PUT request to /api/orders/{id} to update it. jQuery AJAX is simple, powerful, and can take your javascript code to a higher level when used properly. Lesson #1: jQuery Tutorial for Beginners https://www.youtube.com/watch?v=hMxGhHNOkCU Lesson #2: Listen to user events and respond with jQuery actions! https://www.youtube.com/watch?v=G-POtu9J-m4 Lesson #3: Clean up the jQuery by putting some data in the HTML https://www.youtube.com/watch?v=Cc3K2jDdKTo Lesson #4: DOM Traversal with jQuery https://www.youtube.com/watch?v=LYKRkHSLE2E Lesson #5: Building a jQuery Tab Panel Widget https://www.youtube.com/watch?v=1nWrIBB_bMA Lesson #6: Building a jQuery Slider / DOM Caching https://www.youtube.com/watch?v=KkzVFB3Ba_o Lesson #7: JQuery Ajax tutorial #1 https://www.youtube.com/watch?v=fEYx8dQr_cQ Lesson #8: jQuery Ajax tutorial #2 - Posting to backend https://www.youtube.com/watch?v=5nL7X1UMWsc Lesson #9: jQuery Ajax tutorial #3 - Mustache.js for templating and deleting posts https://www.youtube.com/watch?v=GbNWPn8vodo Lesson #10: jQuery Ajax tutorial #4 - Better Mustache templating & and Edit mode https://www.youtube.com/watch?v=Y6KrUwmlrNE -~-~~-~~~-~~-~- Also watch: Responsive Design Tutorial - Tips for making web sites look great on any device https://www.youtube.com/watch?v=fgOO9YUFlGI -~-~~-~~~-~~-~-$

Chrome DevTools for CSS - Better CSS Coding & CSS Debugging with Developer Tools

REACT JS TUTORIAL #7 - React Router Params & Queries

Javascript Closures Tutorial - What makes Javascript Weird...and Awesome Pt 3

REACT JS TUTORIAL #5 - Javascript Events & Data Changes in React

MobX tutorial #1 - MobX + React is AWESOME

Build an HTML + CSS Layout with Flexbox in just a few lines of code