CG数据库 >> Build a Slack Chat App with React, Redux, and Firebase

$150 | Created by Reed Barger | Last updated 9/2018Duration: 6 hours | Video: h264, 1280x720 | Audio: AAC, 44 KHz, 2 Ch | 2.9 GBGenre: eLearning | Language: English + Sub | 66 LecturesCreate a complete, full-stack chat application from front to back with React, Redux, Firebase 5, and Semantic UI ReactWhat you'll learnCreate full-stack apps with React, Redux and Firebase, among other tools in the React ecosystemMake complete React apps from scratch, from setting up their dev environment to deployment on the webIntegrate Redux and Firebase with React apps using straightforward, practical patternsLearn every major part of Firebase 5--the real-time database, storage, rules, listeners and deployment with Firebase toolsRequirementsSome experience with React (i.e. having built a couple of projects with React Create App)Prior knowledge of ES6 features will help (spread operators, destructuring, object shorthand syntax)DescriptionInterested in building impressive full-stack apps with React, Redux and Firebase? This is the course for you!Here's what we will cover:Creating a complete Slack chat application with React, Redux, and Firebase 5 from scratchSending and receiving messages instantly with the real-time Firebase DatabaseUploading and displaying image messages using Firebase StorageNotifications to display new messages in other channelsSending Direct Messages to other users in our chatTracking / showing when users are online / offlineSearching messages within created channelsCustom animations to see when other users are typing in the same channelCreating, cropping and uploading user avatarsThe ability to favorite / unfavorite public channelsAdd emojis to our messages with an Emoji Picker componentUser authentication with FirebaseForm validation for our Login and Register formsState management with Redux, with simple, straightforward patternsCreating stunning user interfaces with Semantic UI ReactEssential features of React Router 4 (Switch component, withRouter HOC, history object)Tons of work with ES6 / 7Helpful browser tools such as React / Redux Dev ToolsSecuring our application with Firebase RulesDeploying our chat app to the web using Firebase ToolsKeyboard shortcuts to rapidly send messagesAnd more!What will be building in this course?Throughout this course, we'll be building a live chat app for developers called DevChat, where users will be able to create channels, to send messages to other users on those channels, send media files, see when other users are typing, add emojis to their messages, favorite and unfavorite channels they like or dislike, and get notifications about new messages on other channels.

Who is the target audience?Anyone who has at least two months of experience with the JavaScript library ReactReact developers interested in making functional, real-world appsDevelopers looking for more experience with the JavaScript language in a practical setting


Build a Slack Chat App with React, Redux, and Firebase的图片1
Build a Slack Chat App with React, Redux, and Firebase的图片2
Build a Slack Chat App with React, Redux, and Firebase的图片3
Build a Slack Chat App with React, Redux, and Firebase的图片4

发布日期: 2018-11-26