ReactJS Fundamentals and Advanced LiveLessons (Video Training)
- By Charles David Crawford
- Published Oct 28, 2016 by Addison-Wesley Professional. Part of the LiveLessons series.
Online Video
- Sorry, this book is no longer in print.
- About this video
Video accessible from your Account page after purchase.
Register your product to gain access to bonus material or receive a coupon.
Description
- Copyright 2017
- Edition: 1st
- Online Video
- ISBN-10: 0-13-468917-8
- ISBN-13: 978-0-13-468917-3
More Than Eight Hours of Video Training
Overview
ReactJS Fundamentals provides a conceptual understanding of React, an open-source JavaScript framework from Facebook, and gets you started with writing React code while utilizing advanced JavaScript and modern es6 features.
Advanced ReactJS looks at the libraries that make React a complete front-end solution for building applications. First, React router is covered, which is the de facto standard React routing solution. Next, the training looks at Flux, the original data management pattern for large React apps. Then, the training covers the fundamentals of Redux, an extremely popular data management library inspired by Flux. Finally, the video series discusses strategies and libraries that are useful for testing react applications.
Skill Level
Intermediate
What You Will Learn
* React toolchain
* Advanced JavaScript features used with React
* ES6 features with React
* Basic React concepts
* React’s virtual DOM
* Coding a React app with traditional and ES6
* React performance
* Utilizing libraries to make React a complete front-end solution
* React router
* Flux
* Redux
* Testing React applications
Who Should Take This Course
Intermediate to experienced developers who would like to learn React.js for front-end web development.
Course Requirements
* JavaScript
* HTML
* AJAX (not required, but useful for this course)
* REST (not required, but useful for this course)
* ES6 (not required, but useful for this course)
About LiveLessons Video Training
LiveLessons Video Training series publishes hundreds of hands-on, expert-led video tutorials covering a wide selection of technology topics designed to teach you the skills you need to succeed. This professional and personal technology video series features world-leading author instructors published by your trusted technology brands: Addison-Wesley, Cisco Press, IBM Press, Pearson IT Certification, Prentice Hall, Sams, and Que. Topics include IT Certification, Programming, Web Development, Mobile Development, Home and Office Technologies, Business and Management, and more. View all LiveLessons on InformIT at http://www.informit.com/livelessons.
Sample Content
Table of Contents
Introduction to ReactJS Fundamentals and Advanced
Part I: ReactJS Fundamentals
Introduction to Part I
Lesson 1: Creating Your React ToolChain
Learning objectives
1.1 Understand the requirements of your toolchain
1.2 Use NPM to manage your application's dependencies and run tasks
1.3 Compile es6 to es5 with Babel
1.4 Bundle applications with Webpack
1.5 Understand how Babel and Webpack work together and create a basic build process
1.6 Create a development optimized build process
1.7 Create a production optimized build process
Lesson 2: Understanding Advanced JavaScript Required for ReactJS
Learning objectives
2.1 Use functional programming in JavaScript
2.2 Understand execution context and the this keyword!
2.3 Control execution context with bind/call/apply
Lesson 3: Utilizing ES6 in Your React Applications
Learning objectives
3.1 Understand ES6 template strings
3.2 Understand ES6 default arguments
3.3 Understand ES6 rest and spread
3.4 Understand ES6 arrow functions
3.5 Understand ES6 destructing
3.6 Understand ES6 modules
3.7 Understand ES6 classes
3.8 Understand ES6 promises, Part 1
3.9 Understand ES6 promises, Part 2
3.10 Understand ES6 promises, Part 3
3.11 Understand ES6 fetch
Lesson 4: Understanding Basic React Concepts
Learning objectives
4.1 Utilize component-based design
4.2 Use one-way data flow and rendering
Lesson 5: Understanding the Virtual DOM
Learning objectives
5.1 Understand the virtual DOM versus the actual DOM
5.2 Understand the diffing algorithm
Lesson 6: Coding Your First React App with Traditional React
Learning objectives
6.1 Use createClass and render
6.2 Understand JSX
6.3 Set initial app state
Lesson 7: React Fundamentals with New ES6 Syntax
Learning objectives
7.1 Create with new ES6 class syntax
7.2 Understand properties and state
7.3 Adding new state to an app
7.4 State changes through child components
7.5 Use inputs with React
7.6 Functional stateless components
7.7 Utilize data fetching in React applications
7.8 Understand React component lifecycle methods
7.9 Utilize content of custom components
7.10 Understand higher order components
7.11 Utilize propTypes
7.12 Utilize ref to access child components
Lesson 8: React Performance
Learning objectives
8.1 Improve child rendering performance by setting keys
8.2 Implement performance optimizations with shouldComponentUpdate
Part I Summary
Part II Advanced ReactJS
Introduction to Part II
Lesson 9: Creating Routes for Your App with React Router
Learning objectives
9.1 Implement simple page routing with react-router
9.2 Create a navbar using the Link component
9.3 Understand how to use URL parameters and deep nesting
9.4 Utilize index routes, links, and active route styling
9.5 Use the browser history
Lesson 10: Managing Application State with Flux
Learning objectives
10.1 Understand why Flux exists
10.2 Grasp the Flux architecture
10.3 Design your Flux views
10.4 Define action constants
10.5 Use the dispatcher
10.6 Define action creators
10.7 Understand stores
Lesson 11: Managing Application State with Redux
Learning objectives
11.1 Understand how Redux differs from Flux
11.2 Define action creators
11.3 Understand pure functions
11.4 Understand simple reducers
11.5 Implement a simple store
11.6 Bind reducers to your store and components
11.7 Refactor to container and presentational components
11.8 Design larger state trees
11.9 Understand combine reducers
11.10 Use higher order containers with react-redux
Lesson 12: Testing
Learning objectives
12.1 Unit test a Redux reducer
12.2 Unit test a Redux action creator
12.3 Unit test a presentational component with Enzyme
12.4 Test component lifecycle methods with full rendering
Part II Summary
Summary