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.
- 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.
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
- State Machines
- Communication Between Components
- Reusable Components
- Cloning Components
- Introduction to Flux
- Key Flux concepts
- 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
- Understand the purpose of stores
- Associating stores with the dispatcher
- How to connect into stores
- How to connect into actions
- How to connect into stores
- 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
Meet Your Instructor
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-...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-...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-...Peter
In an increasingly web-driven world, Peter believes that the way the web is evolving is important.
Having started programming at age 10, Peter started a technology-led...Craig
Craig has been a developer for over 15 years at startups, enterprises, and as a consultant. During...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.
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...Azat
In his spare time, Azat writes about tech on Webapplog.com, speaks at conferences and contributes to open-source. Before becoming an expert in Node.js, Azat finished his...