[Renewal] Creating NodeBird SNS with React
Let's create a Twitter-like SNS service with React & Next & Redux & Redux Saga & Express stack. Finally, we will deploy it to AWS after SEO.
Library Update Guide
Hello. I tested whether the React Nodebird tutorial runs on the latest version of the library.
https://github.com/ZeroCho/react-nodebird/tree/master/intersection
It works fine when tested on React 18 and Next 12, but there were some fixes.
- faker -> @faker-js/faker, babel-eslint -> @babel/eslint-parser, etc. have been modified.
- Added slick-carousel library because of react-slick (import css in _app.js)
- antd Menu changed from children to items props.
- Since many people said that the intersection observer was not applied, I added height: 10 to the div.
As I write this, it looks like a game patch note. It's running better than I thought, so I think I'll renew it next year. I'm planning to use redux-toolkit instead of redux-saga.
For reference, it is recommended to minimize getServerSideProps in practice. To do this, you should CSR user information instead of SSR. You should use getStaticProps or getStaticPath to enable component caching on the server side. Since user information is different for each individual, caching is not possible. In the next renewal, I am thinking of showing Incremental Rendering by using only getStaticPath and getStaticProps.
We are updating our course library periodically, so check out the intersection folder.
thank you