Do It Yourself – Website Tutorials

Chat is eating the world and React is eating front-end development, so why not learn React through building a chat app?

That’s exactly what this course will enable you to do: at the end of it you’ll both have a solid understanding of React.js and your very own personalized chat application. The chat will be built using the Chatkit API, meaning you don’t have worry about doing any back-end coding.

🔗Check the interactive version of this course on Scrimba: https://scrimba.com/g/greactchatkit

⭐️ Course Contents ⭐️
⌨️ 0:00 —1. Course Introduction
⌨️ 2:42 —2. Component Architecture
⌨️ 5:05 —3. Codebase Architecture
⌨️ 10:30 —4. MessageList Component
⌨️ 15:13 —5. Intro to Chatkit
⌨️ 16:34 —6. Connecting to Chatkit
⌨️ 24:54 —7. State and Props
⌨️ 32:22 —8. Message Component
⌨️ 37:02 —9. SendMessageForm Component
⌨️ 44:19 —10. Broadcasting Messages
⌨️ 49:36 —11. RoomList Component
⌨️ 53:50 —12. Subscribe to Rooms
⌨️ 1:01:41 —13. Order and Highlight Rooms
⌨️ 1:05:44 —14. Adding Autoscroll
⌨️ 1:11:39 —15. NewRoomForm Component
⌨️ 1:20:39 —16. Creating your own Chat App
⌨️ 1:23:37 —17. CSS Grid
⌨️ 1:29:05 —18. CSS Variables
⌨️ 1:32:02 —19. Outro

🐦You can follow the course creator Per Harald Borgen on Twitter here: https://twitter.com/perborgen

—

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

source