Build a Chat App - React Tutorial Course

Overview

Learn to build a personalized chat application using React.js and the Chatkit API in this comprehensive tutorial course. Gain a solid understanding of React while creating a functional chat app without the need for back-end coding. Follow along as the course covers component architecture, state management, and key features like message broadcasting, room subscriptions, and autoscroll. Explore practical topics such as CSS Grid and variables to enhance your app's design. By the end of the course, you'll have the skills to create your own custom chat application and a deeper knowledge of React development.

Syllabus

—1. Course Introduction.
—2. Component Architecture.
—3. Codebase Architecture.
—4. MessageList Component.
—5. Intro to Chatkit.
—6. Connecting to Chatkit.
—7. State and Props.
—8. Message Component.
—9. SendMessageForm Component.
—10. Broadcasting Messages.
—11. RoomList Component.
—12. Subscribe to Rooms.
—13. Order and Highlight Rooms.
—14. Adding Autoscroll.
—15. NewRoomForm Component.
—16. Creating your own Chat App.
—17. CSS Grid.
—18. CSS Variables.
—19. Outro.