Join expert Brian Holt, Senior UI Engineer at Netflix, for a hands-on, in-depth exploration of React. In this training course, you’ll discover exactly how React works by building several complete React components, including a small app. You’ll see why React is the most talked-about JavaScript library and learn how you can apply its simple, declarative power to your applications.
React is the popular new kid on the block: an open source JavaScript library created by Facebook and Instagram for creating user interfaces. It was created to solve one problem: building large applications with data that changes over time. You simply express how your app should look, then React automatically handles all the UI updates when your underlying data changes. React can do this because it takes a totally new approach to building user interfaces: it eschews the traditional model-view-controller architecture in favor of consolidating all concerns in a single location. It’s very much about building reusable components. As a result, React makes your code incredibly easy to read and maintain. Plus it makes website updates a snap.
Brian Holt
What you’ll learn—and how you can apply it
By the end of this live, hands-on, online training class, you’ll understand:
- what React is, its purpose, and why you may want to use it
- how to bootstrap a new app and get React working for you
- the complete lifecycle of a React component
- some battle-won React best practices from using React code in production
- the weird, cool, new JavaScript dialect called JSX
Moreover, you will have built several complete React components, including a small app.
Intended Audience
This course is for intermediate JavaScript programmers:
- front-end developers
- back-end developers who want to understand about ES6 and React
- code-savvy web designers
Prerequisites:
- a good understanding of ES5 JavaScript
- familiarity with working at a command line
- Node.js installed before the course, version 4.2+ is preferred
About the instructor
Brian Holt considers himself a “Jack of all Trades and Master of Some.” Having been an exclusively back-end developer and an exclusively front-end developer, he is well grounded in both. Which does he prefer? It depends on the day, he says. Recently, it has been front-end development, discovering the possibilities of technologies like React and ES6.
He’s passionate about development, design, and the open web. When he’s not in front of a keyboard, you can find him out in the sun rock climbing, skiing, or simply running. He also enjoys art, movies, the occasional video game, traveling (particularly to Italy,) and most of all, his wife and their little Havanese puppy, Luna.
React with ES6
Brian Holt (reddit) interviewed at Fluent 2014
Null to Node: Control and Data Structures
Program
Hide agenda detailsShow agenda details
Why React and ES6 (30 min)
ES6 Intro, part 1 (45 min)
- Enhanced object literal syntax
- Default params
- Template strings
- const and let
ES6 Intro, part 2 (45 min)
- Destructuring
- Spread / rest operator
- For &helips; of loops
Break (15 min)
Arrow functions (30 min)
ES6 Classes (30 min)
Break (15 min)
Promises (30 min)
Brief highlights of the rest of ES6 (30 min)
Lunch break (90 min)
React intro (30 min)
Build React app, part 1 (60 min)
- Composite components
- ES6 and React together
- Rendering
- Best practices
Break (15 min)
Build React app, part 2 (60 min)
- Higher order components
- Rendering React server-side with node.js
- Rendering
- Other directions you can go with React
Wrap up (15 min)
Register now; November 10 is just around the corner.
Participants receive live online training + video
- Access to the live workshop
- Interaction with the instructor and fellow attendees
- Real-time Q&A sessions
- Post-workshop video
- Free copy of the First Steps Toward React Best Practices video
- An O’Reilly Certificate of Completion
Participate in this workshop from the convenience of your home, your office…whatever environment you find most comfortable and conducive to an intensive educational experience.
Get a projector and screen, and invite your professional colleagues, User Group, or Meetup to participate in the workshop together. Learning alongside each other is a great team-building experience and reinforces what you’ve learned. Plus, we’ll send you a care package to make the occasion special. Just use the code TEAM when you register to get your package.
Once you have registered, further details about joining the workshop will be available in your members.oreilly.com account, along with related video and files. After the event concludes, a video of the event will be added to your account.
Back to top