As a developer, We always explore more advance concepts while work on any technology. We have compiled some good react advance level links for you that will help you explore react advance concepts.

Webpack:

1. Webpack guide — https://webpack.js.org/guides/
2. React: Asset Management — https://webpack.js.org/guides/asset-management
3. React: Hot Module Replacement — https://webpack.js.org/guides/hot-module-replacement
4. React: Environment Variables — https://webpack.js.org/guides/environment-variables
5. React: Tree Shaking — https://webpack.js.org/guides/tree-shaking
6. React: Production — https://webpack.js.org/guides/production
7. React: Code Splitting — https://webpack.js.org/guides/code-splitting
8. React: Lazy Loading — https://webpack.js.org/guides/lazy-loading

React Advance Concept:

1. Hooks Reference — https://reactjs.org/docs/hooks-reference.html
2. Understanding Memoization — https://felixgerschau.com/react-performance-react-memo/
3. Handling Events — https://reactjs.org/docs/handling-events.html
4. Forms — https://reactjs.org/docs/forms.html
5. React Hook Form — https://react-hook-form.com/
6. Composition vs Inheritance — https://reactjs.org/docs/composition-vs-inheritance.html
7. Code Splitting — https://reactjs.org/docs/code-splitting.html
8. HOC — Higher Order Components) — https://reactjs.org/docs/higher-order-components.html
9. React Fragments — https://reactjs.org/docs/fragments.html
10. React Performance Optimisation — https://reactjs.org/docs/optimizing-performance.html
11. React Reconciliation — https://reactjs.org/docs/reconciliation.html
12. React Refs — https://reactjs.org/docs/refs-and-the-dom.html
13. React Strict Mode — https://reactjs.org/docs/strict-mode.html
14. React Uncontrolled Components — https://reactjs.org/docs/uncontrolled-components.html
15. React Web Components — https://reactjs.org/docs/web-components.html

SSR — Server side Rendering and CSR — Client side Rendering

1. SSR Benefits — https://medium.com/walmartlabs/the-benefits-of-server-side-rendering-over-client-side-rendering-5d07ff2cefe8
2. SSR in your app — https://medium.freecodecamp.org/server-side-rendering-your-react-app-in-three-simple-steps-7a82b95db82e
3. Server Side Rendering — https://medium.com/styled-components/the-simple-guide-to-server-side-rendering-react-with-styled-components-d31c6b2b8fbf

Helpful articles:

1. Setting up SASS with react — https://medium.com/@joshuacrass/react-scss-and-webpack-ae9bd84b9e43
2. React Context API — https://hackernoon.com/everything-you-need-to-know-about-reacts-context-api-e5c8c32ef202
3. Redux Advance Feature — https://redux.js.org/advanced/advanced-tutorial
4. React Async/Await — https://medium.com/@kkomaz/react-to-async-await-553c43f243e2
5. ReactDOMServer — https://reactjs.org/docs/react-dom-server.html

React Design Patterns:

1. React Compound Components — https://itnext.io/using-advanced-design-patterns-to-create-flexible-and-reusable-react-components-part-1-dd495fa1823
2. React Context API — https://itnext.io/using-advanced-design-patterns-to-create-flexible-and-reusable-react-components-part-2-react-3c5662b997ab
3. React Render Props — https://itnext.io/using-advanced-design-patterns-to-create-flexible-and-reusable-react-components-part-3-render-d7517dfe72bc

Thanks 🙂

To be continue… 🙂

Share on Facebook

Post on X

Follow us