Components

Components are the heart of React. The type of component that we’re most familiar with is a presentation component—this type of component renders the user interface and accepts input events from the user. Components do not need to have an interface, though. A container component can wire up logic, configure other components, pull data from other sources, or set up a context.

We use container components to separate the Phoenix code from the rest of the application. Without this separation, we could get by adding ...

Getting Started with Phoenix

Powering Real-time Applications with Phoenix

First Steps with Phoenix Channels

Restrict Socket and Channel Access

Dive Deep into Phoenix Channels

Avoid Performance Pitfalls

Build a Real-time Sneaker Store

Break Your Application with Acceptance Tests

Build a Real-time Shopping Cart

Track Connected Carts with Presence

Deploy Our Application to Production

Manage Real-time Resources

Hands-on with Phoenix LiveView

Single-page Applications with React

Appendix

Conclusion

Write Channels as Components

Components