There is always an enaqx/awesome-react for reference!
- https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript
- https://kentcdodds.com/blog/javascript-to-know-for-react
- https://nextjs.org/learn/foundations/from-javascript-to-react/essential-javascript-react
- https://www.digitalocean.com/community/tutorials/understanding-javascript-promises
- https://reactjs.org/docs/glossary.html (may prefer to read from https://beta.reactjs.org)
- https://reactjs.org/docs/hello-world.html
- https://reactpatterns.com
- https://reactjs.org/docs/hooks-intro.html
- https://reactbyexample.github.io/hooks
- https://wattenberger.com/blog/react-hooks
- https://testdriven.io/blog/react-hooks-primer
- https://github.com/rehooks/awesome-react-hooks
- https://nikgraf.github.io/react-hooks
- https://antonioru.github.io/beautiful-react-hooks
- https://usehooks.com
- https://github.com/streamich/react-use
- https://react-hooks.org/docs/hooks-list
- https://github.com/alibaba/hooks
- https://www.patterns.dev
- https://krasimir.gitbooks.io/react-in-patterns/content
- https://medium.com/walmartglobaltech/make-your-react-components-pretty-a1ae4ec0f56e
- https://developers.google.com/web/updates/2019/02/rendering-on-the-web
- https://medium.com/@nashedandrew5/data-fetching-in-next-js-with-examples-dac69745ed17
- https://biondifabio.medium.com/quick-animated-introduction-to-pre-rendering-ssr-and-ssg-in-nextjs-ecb5920100c7
- https://theodorusclarence.com/blog/nextjs-fetch-method
- (CSR) https://frontend-digest.com/client-side-rendering-vs-server-side-rendering-vs-static-site-generation-2a0702cbb08d
- (SSG) https://dev.to/matfrana/server-side-rendering-vs-static-site-generation-17nf
- (SSG) https://blog.logrocket.com/ssg-vs-ssr-in-next-js
- (ISR) https://blog.logrocket.com/incremental-static-regeneration-with-next-js
- (DSG) https://www.gatsbyjs.com/docs/how-to/rendering-options/using-deferred-static-generation
NextJS + JS important notes (Next 12.x)
/pages/blog/[id].js). Once we have the router object, we can extract information from it (const router = useRouter()). In particular we can get the dynamic part of the URL in the file by accessingrouter.query.id. The dynamic part can also just be a portion of the URL, like/pages/blog/post-[id].js.<Link>appears in the viewport (which means it's visible to the website user), Next.js prefetches the URL it points to (Production mode only).loadevent has been fired on your page (triggered when the page is fully loaded, and happens after theDOMContentLoadedevent).const router = useRouter()), methods should only be used infrontend facing code. The easiest way to ensure this is to wrap calls in the
useEffect()React hook.