Intermediate React & Flux

The Intermediate React & Flux training course is a follow-on course to our Introduction to React course. 

The Intermediate React training course focuses on building out the next level of detail associated with React adoption. In particular, this course focuses on using the Flux application architecture to build rich client-side web applications.

The course begins with a quick review of key React concepts, and then it moves into an indepth-examination of Flux, exploring concepts like data flow, dispatchers, stores, views, and actions. The course concludes with a discussion around how to properly test React and Flux-based applications. 

Course Summary

Purpose: 
Learn to build apps using React.js and Flux
Audience: 
JavaScript and Front-End Developers with prior React experience looking to learn Flux.
Skill Level: 
Learning Style: 

Hands-on training is customized, instructor-led training with an in-depth presentation of a technology and its concepts, featuring such topics as Java, OOAD, and Open Source.

Hands On help
Duration: 
3 Days
Productivity Objectives: 
  • Understand what React is and what problem it solves.

  • Gain a deeper knowledge of React components, ES2015 and JSX.

  • Explore how to use Flux and Redux.

  • Work with the DOM in React components.

  • Implement unit tests for React components.

  • Learn React best practices.
Intermediate React & Flux is part of the JavaScript Training curriculum.

What You'll Learn

In the Intermediate React & Flux training course you’ll learn:

  • Review of React
    • What is it?
    • Key React concepts and components
    • Building a Hello World UI
  • React and ES2015

    • ES2015 features which impact React

    • How to create components with ES2015

    • Using Babel for ES2015 and JSX

    • Using WebPack with React

    • Using Immutable.js

  • Advanced React Components

    • Component Life-Cycle

    • Virtual DOM

    • Events

    • State Machines

    • Compositions

    • Communication Between Components

    • Reusable Components

    • Cloning Components

  • Introduction to Flux

    • Key Flux concepts
    • Actions
    • Dispatchers
    • Stores
    • Flows
  • Building your first Flux application
    • Organizing your in code
 and understanding the mental model
    • Creating your Hello World
    • Incorporating AJAX and Web Sockets

  • Working with Dispatchers

    • Understand the purpose, and design

    • Callbacks and the Dispatcher
  • Stores

    • Understand the purpose of stores

    • Associating stores with the dispatcher
  • Components

    • How to connect into stores

      • How to connect into actions

  • Redux

    • Explore differences between Redux and normal Flux

    • Reducer Functions

    • Working with one store

    • Advantages and Disadvantages of Redux

  • Working with the DOM

    • Referencing DOM Elements

    • DOM Manipulation

    • HTML 5 Drag and Drop

  • Node.js and Server DOM Manipulation

  • Unit Testing with TestUtils

    • Unit Testing with Mocha, Chai and Sinon

    • How to write React Component Unit Tests with Mocha and Chai

    • How to spy with Sinon

    • Testing Components

    • Testing DOM Manipulations

    • Testing Properties and State

    • Simulating Events

  • Conclusion


Meet Your Instructor

Alex banks
Alex

Alex began writing code as an eight year old on his first computer, a Tandy TRS-80. In 1995, Alex developed his first website and has been hooked ever since. He went on to study Computer Science at Georgetown University, followed by working as a government consultant and classroom instructor in the Washington, D.C.-area.

Alex has spent his entire career developing web applications that work in the browser, and teaching web development technologies. He has developed several large-...

Meet Alex »
Eve

Eve has been focused on web and curriculum development since college, where she studied user interface design and usability. Since then, she has consulted as a project manager and coder to deliver interactive web applications, from e-Learning portals to mobile apps.

Well-versed in HTML5, CSS3 and other front-end technologies, Eve has lent her interface and training skills to the redesign of the Partner Portal for Microsoft, and to the roll-out of a new call center application for 1-800-...

Meet Eve »
Eric Photo
Eric

Eric is a professional trainer and software developer who loves learning new things, sharing what he learns, and helping clients to solve business problems. He holds a BS in Computer Science from the Virginia Military Institute, and numerous software certifications to include the Microsoft Certified Professional Developer certification.Eric has extensive experience providing customized training and software development services for companies around the world for almost 18 years. He provides those services both on-...

Meet Eric »
Peter pic
Peter

In an increasingly web-driven world, Peter believes that the way the web is evolving is important.

A frequent speaker at tech meetups, he has spoken on topics such as Node.js, the HTML5 Audio API, WebRTC and Web Components. He started a Meetup group for participants to discuss new and upcoming web technologies, and recently wrote and taught a series of workshops on JavaScript and related web technologies.

Having started programming at age 10, Peter started a technology-led...

Meet Peter »
Craig Photo
Craig

Craig recently released the book, The JavaScript Framework Guide: AngularJS, Backbone, and Ember. Craig has been a guest on the Hanselminutes and JavaScript Jabber podcasts. He’s an avid blogger, and several of his articles have been published in Peter Cooper’s poplular “JavaScript Weekly” newsletter. He also has his own podcast, “The Front-End Developer’s Cast”.

Craig has been a developer for over 15 years at startups, enterprises, and as a consultant. During...

Meet Craig »
Jason pic
Jason

Jason is a 15-year software engineering veteran with experience in front and back end technologies. Jason got started with Adobe solutions on the server, later moving into .NET development and brief stints working with both Flex and Silverlight.

After spending nearly 10 years working heavily on the back end, Jason ventured into the front end/single page application space. He’s worked with libraries and frameworks such as Sencha, Backbone, and JavaScriptMVC. In 2012 he moved into the world of AngularJS and...

Meet Jason »
Photo of Instructor
Elias

Elias Carlston has 20 years’ experience as a software engineer, from lean startups to large enterprises. Having great mentors early on showed Elias the value of sharing knowledge, and he enthusiastically embraces the opportunity to give back to the community through teaching.

Beginning his career as a data analyst for a large non-profit clinic, he soon became a full stack developer. First, at healthcare cloud services provider athenahealth, and later with car sharing pioneer Zipcar, he learned techniques...

Meet Elias »

Contact us to learn more

Not all training courses are created equal. Let the customization process begin! We'll work with you to design a custom Intermediate React & Flux training course that meets your specific needs.

DevelopIntelligence has been in the technical/software development learning and training industry for nearly 20 years. We’ve provided learning solutions to more than 48,000 engineers, across 220 organizations worldwide.

About Develop Intelligence
Di Clients

surveyask

Need help finding the right learning solution?   Call us: 877-629-5631