REACT JS TUTORIAL #3 - Composing Multiple React.js Components @learncodeacademy

Uploaded February 2016 | Updated September 2026, 1 week ago

This video covers how to compose a complete React.js application component structure by building multiple components that all work together to build our application.

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

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

REACT JS TUTORIAL #3 - Composing Multiple React.js Components

Scaling Docker #1 - High Availability Docker DevOps with CoreOS, Etcd, Fleet, Flannel & Nginx

$HAPROXY vs NGINX - 10,000 requests while killing servers Which is better? NGINX or HAPROXY? Theres no easy answer...however, heres a real-life test-case of what happens during a multi-server deployment scenario: Thousands of requests are pouring in, and we make a deployment: - take one server out of the cluster at a time - deploy application - restart the server The results? Server re-entry to cluster: - HAProxy revisits the dead server almost immediately after it restarts. - Nginx waits a while before revisiting the server Failed Requests: - HAProxy always fails 50-80 requests in this test case - Nginx fails 0 requests - it will only fail requests if you take 2 of the 3 servers down at the same time, in which case you will get the similar result of 50-80 failed requests Speed: - Nginx consistently delivers slightly better results on this scenario, despite keeping one node out of the cluster for a while NGINX Configuration: server { listen 80; location / { proxy_pass http://nodecluster; } } upstream nodecluster { server 22.22.22.2:3000; server 22.22.22.3:3000; server 22.22.22.5:3000; } HAProxy Configuration: frontend http bind *:80 mode http default_backend web-backend backend web-backend balance roundrobin mode http server web1 22.22.22.2:3000 check server web2 22.22.22.3:3000 check server web3 22.22.22.5:3000 check Song credit: http://www.amazon.com/Baby-Come-Back-To-Instrumental/dp/B00864UJCG -~-~~-~~~-~~-~- Also watch: Responsive Design Tutorial - Tips for making web sites look great on any device https://www.youtube.com/watch?v=fgOO9YUFlGI -~-~~-~~~-~~-~-$

Complete Docker Course! - Real World Docker - Complete Docker Tutorial Course

WATCH THIS IF YOU WANT TO BECOME A WEB DEVELOPER! - Web Development Career advice

How to send server email with Node.js - sendgrid, mandrill, mailgun, etc.