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

freeCodeCamp

Build a Chat App - React Tutorial Course

via freeCodeCamp

Overview

This course teaches students how to build a personalized chat application using React.js and the Chatkit API. By the end of the course, students will have a solid understanding of React.js and will have created their own chat app. The course covers topics such as Component Architecture, Codebase Architecture, State and Props, CSS Grid, and CSS Variables. The teaching method involves hands-on coding and building various components of the chat application. This course is intended for individuals interested in learning React.js and building real-world applications without the need for extensive back-end coding.

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.

Taught by

freeCodeCamp.org

Reviews

Start your review of Build a Chat App - React Tutorial Course

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.