Creating NodeBird SNS with React
We will create a Twitter-like SNS service using React, Next, Redux, Redux Saga, and Express Stack. Finally, we will deploy it to AWS after optimizing it for search engines.
This course is prepared for Intermediate Learners.
What you will learn!
React Development
Redux &Redux Saga
Using React Hooks
Styled Components
Ant Design
Server-side rendering
Search Engine Optimization
AWS Deployment
Notice of course renewal
Hello. Starting today (6.2), the React Nodebird renewal course will start on YouTube.
We're planning to film for about a month and it'll be listed on Inflearn as a new course in early July.
Those who have purchased the previous version of the course will receive a 50% discount coupon for the new course.
Major changes include the use of next@9, antd@4, next-redux-wrapper@6, and node@14.
There were many questions asked about the old version of the course, and we will reflect the answers to these questions more clearly in the course.
A 20-hour (amazing) full-stack course that teaches you how to use React from scratch!
We created NodeBird SNS, a signature project of Zerocho, which is similar to Twitter (written as Twitter, read as a fake),
Learn Next.js (SSR) + React Hooks + Redux + Redux saga + Ant Design + Styled Components + Node + Express + Sequelize (MySQL).
SEO and AWS deployment (simply using EC2 + Lambda + S3 + Route53) are a bonus!
(This course is part of a series, and other versions of NodeBird using Vue, TS, GraphQL, MobX, etc. will be produced in the future.)
The advantage of my course is Q&A. If you have a question, I will answer it within a day. It is more helpful to study actively by freely asking questions about the course content rather than just watching the course. If there is something in the course that is not explained well or you do not understand, feel free to ask questions at any time. It is also helpful to read the questions that other people have already asked.
Log in, post, upload images, like, comment, retweet
Infinite scrolling, follow, unfollow
Hashtag search, user profiles
Related Courses
After learning the core concepts of Node, you'll be ready to dive into practice with real-world examples.
Should we try making it with Vue too?
A full-stack SNS course using Vue!
Note
- Prerequisite: Free React Course
We focus on the front end, and the back end plays an additional role. (Similar to the Node textbook code.)
If you read a Node.js textbook or course first, it will help you understand the backend.
Site in operation: nodebird.com
Source code: https://github.com/zerocho/react-nodebird
Recommended for
these people!
Who is this course right for?
Those who want to apply React, such as React Hooks or Next
Anyone interested in full-stack development
Aspiring front-end developer
Need to know before starting?
HTML, CSS knowledge
JavaScript latest grammar knowledge
Watch Zerocho's free React course
62,246
Students
1,441
Reviews
9,537
Answers
4.8
Rating
21
Courses
제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!
https://www.zerocho.com/lecture
제로초 강의 전체 로드맵
– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)