Egghead - React Lessons (2014)
Egghead - React Lessons (2014)
MP4 | AVC 333kbps | English | 1280x720 | 25fps | 3h 07mins | AAC stereo 82kbps | 695 MB
Genre: Video Training
Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project. React is a "javascript library for building user interfaces" from the fine folks at Facebook & Instagram. It strictly focuses on the "V" in your MVC applications, and touts a blazing fast virtual DOM diff implementation. This series will explore the basic fundamentals of React to get you started. Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code. In this series we will explore the Flux Architecture for Facebook's React framework.
From the basics through building a working example application, you'll learn the ins and outs of practical, real-world React development.
01 - React Fundamentals - Hello World - First Component
02 - React Fundamentals - The Render Method
03 - React Fundamentals - Introduction to Properties
04 - React Fundamentals - State Basics
05 - React Fundamentals - Owner Ownee Relationship
06 - React Fundamentals - Using Refs to Access Components
07 - React Fundamentals - Accessing Child Properties
08 - React Fundamentals - transferPropsTo
09 - React Fundamentals - Component Lifecycle - Mounting Basics
10 - React Fundamentals - Component Lifecycle - Mounting Usage
11 - React Fundamentals - Component Lifecycle - Updating
12 - React Fundamentals - Mixins
13 - React Fundamentals - Composable Components
14 - React Fundamentals - Dynamically Generated Components
15 - React Fundamentals - Build a JSX Live Compiler
16 - React Fundamentals - JSX Deep Dive
17 - React Fundamentals - Precompile JSX
18 - React Fundamentals - with-addons - ReactLink
19 - React Fundamentals - Integrating Components with D3 and AngularJS
20 - React Fundamentals - Developer Tools
21 - React Flux - Development Environment Setup
22 - React Flux - Overview and Dispatchers
23 - React Flux - Actions
24 - React Flux - Stores
25 - React Flux - Components and Views
26 - React Flux - Project Organization
27 - React Flux - Routing with react-router-component
28 - React Flux - Remove Duplicate Code with Mixins
29 - React Flux - Wrapping Up
30 - Simulate React Events with TestUtils
31 - Using React's dangerouslySetInnerHTML
32 - React in 7 Minutes
33 - What's new and different in React v0.12.0
34 - Using TweenMax with React
35 - Applying conditional styles in React with classSet add-on
36 - React and Firebase with ReactFire
37 - React Animation with CSSTransitionGroup
38 - Use React the cloneWithProps method to interact with child components
39 - Setting up a React Playground Dev Environment
40 - Connecting to a Reflux Store in React
41 - Reflux - Loading data with Superagent
42 - Static Methods in React
43 - Custom propType validation
Format : MPEG-4
Format profile : Base Media
Codec ID : isom
File size : 15.4 MiB
Duration : 5mn 5s
Overall bit rate mode : Variable
Overall bit rate : 422 Kbps
Writing application : Lavf52.99.1
Video #1
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L3.0
Format settings, CABAC : Yes
Format settings, ReFrames : 4 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 5mn 5s
Bit rate : 333 Kbps
Nominal bit rate : 1 200 Kbps
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 25.000 fps
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.014
Stream size : 12.1 MiB (79%)
Writing library : x264 core 114 r1913 5fd3dce
Encoding settings : cabac=1 / ref=2 / deblock=1:0:0 / analyse=0x3:0x113 / me=hex / subme=4 / psy=1 / psy_rd=0.00:0.00 / mixed_ref=0 / me_range=16 / chroma_me=1 / trellis=1 / 8x8dct=1 / cqm=0 / deadzone=21,11 / fast_pskip=1 / chroma_qp_offset=0 / threads=3 / sliced_threads=0 / nr=0 / decimate=1 / interlaced=0 / constrained_intra=0 / bframes=3 / b_pyramid=2 / b_adapt=1 / b_bias=0 / direct=1 / weightb=1 / open_gop=0 / weightp=1 / keyint=250 / keyint_min=25 / scenecut=40 / intra_refresh=0 / rc_lookahead=20 / rc=cbr / mbtree=1 / bitrate=1200 / ratetol=1.0 / qcomp=0.60 / qpmin=0 / qpmax=69 / qpstep=4 / vbv_maxrate=1200 / vbv_bufsize=1200 / nal_hrd=none / ip_ratio=1.41 / aq=1:1.00
Language : English
Audio #2
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 5mn 5s
Bit rate mode : Variable
Bit rate : 82.6 Kbps
Channel(s) : 2 channels
Channel(s)_Original : 1 channel
Channel positions : Front: C
Sampling rate : 48.0 KHz
Compression mode : Lossy
Stream size : 3.01 MiB (20%)
Language : English
Egghead - React Lessons (2014)
Egghead - React Lessons (2014)
Egghead - React Lessons (2014)
No mirrors please