Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Codecademy's Approach to Component Communication in React

Meta via YouTube

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Explore Codecademy's innovative approach to component communication in React.js as presented at React.js Conf 2015. Delve into the company's decision to rebuild their entire learning environment using React, focusing on the challenges of accommodating dynamic combinations of components. Learn about their unique solution involving meta-programming to create dynamic communication "adapters," allowing for flexible mix-and-match functionality. Discover the motivations behind this approach and how it addresses Codecademy's need for flexibility, even if it deviates from traditional React methodologies. Gain insights into topics such as basic communication, adapters, dispatchers, component management, mixin usage, and the vending system. Examine the effectiveness of this approach, its impact on data consistency, and how it compares to Flux architecture. Explore data flow patterns and the importance of namespacing in this 24-minute talk by Bonnie Eisenman from Codecademy.

Syllabus

Introduction
Context
Why React
Why not Flux
Why not callbacks
Basic communication
Adapters
Dispatcher
Oneliner
Component management
Component adapter
Communication needs
Mixins
Vending system
Does it work
Our communication needs
We can approve everything
Flux
Data consistency
Using Flux
Data flow patterns
Name spacing

Taught by

Meta Developers

Reviews

Start your review of Codecademy's Approach to Component Communication in React

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.