--- title: Best Redux posts of 2022 | daily.dev description: The most upvoted Redux posts of 2022, curated by the daily.dev community. canonical: https://daily.dev/tags/redux/best-of/2022 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/redux/best-of/2022 og:type: website og:site_name: daily.dev og:title: Best Redux posts of 2022 | daily.dev og:description: The most upvoted Redux posts of 2022, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Redux — 2022 1. 1 [](/posts/micro-frontend-with-react-and-next-js-goe5wsium "Micro-frontend with React and Next.js") Article LogRocket · 4y Micro-frontend with React and Next.js The bottom line is that you should split your project up so that the user experience won't be disturbed. It should look like this: We have to expose our component to make it globally available for another micro-frontend. We will use the exported component of fe1 and the function of fe2\. Let’s treat fe3 as a consumer. Let's treat fe2 as a customer. Let�’S treat fe1 as a consumers. 242 7 2. 2 [](/posts/the-state-of-frontend-in-2022-f7xsx27d "The State of Frontend in 2022") Article Pointer · 4y The State of Frontend in 2022 The State of Frontend in 2022 analysis of 3,700 respondents from 125 countries. The 5 countries with the most responses were the US, Poland, UK, Germany and India. Only 18% of people filling out the survey said they work at non-tech-first companies. 142 1 3. 3 [](/posts/react-i-love-you-but-you-re-bringing-me-down-e9fvk-kck "React I Love You, But You're Bringing Me Down") Article Community Picks · 4y React I Love You, But You're Bringing Me Down React I Love You, But You're Bringing Me Down Dear React.js, we've been together for almost 10 years. We have to split contexts to avoid unnecessary rerenders. Most of the time, when a component uses a ref, it passes it to a child component. It's been 10 years, and you still have that flaw. 91 16 4. 4 [](/posts/working-with-zustand-0mu8ry-uc "Working with Zustand") Article TkDodo · 4y Working with Zustand Zustand provides a simple API to create global state stores and subscribe to them via selectors. It provides the bear minimum to get you started (hence the logo), and it's flexible enough to scale to your needs. It doesn't track which fields you are using like other libraries do - you have to subscribe " 66 4 5. 5 [](/posts/12-essential-skills-your-reactjs-developers-should-znodos-zr "12 Essential Skills Your ReactJS Developers Should") Article DZone · 4y 12 Essential Skills Your ReactJS Developers Should This guide will explain the crucial React JS developer abilities to screen for when hiring a ReactJS developer. Read our in-depth recruiting guide to discover the greatest React skills for your team. Join the DZone community and get the full member experience. 63 1 6. 6 [](/posts/reactjs-protected-route-dqfnhaaum "Reactjs Protected Route") Article DEV · 4y Reactjs Protected Route React Router provides a convenient way to define protected routes that require authentication. By default, these routes are treated as public routes and anyone can access them. To create a protected route, you need to use the React Router Route component and specify the path that you want to protect. 63 5 7. 7 [](/posts/use-redux-to-manage-authenticated-state-in-a-react-app-e1lj-141z "Use Redux to Manage Authenticated State in a React App") Article Okta Dev · 4y Use Redux to Manage Authenticated State in a React App React provides the option of using Redux to Manage Authenticated State in a React App. For more complex scenarios where you need a single source of truth that changes frequently, consider using a more robust state management library. The Okta CLI will create an OIDC Single-Page App in your Okta Org. It will add the redirect URIs you specified and grant access to the Everyone group. You can also use the Okta Admin Console to create your app. 49 3 8. 8 [](/posts/how-to-combine-context-providers-for-cleaner-react-code-nla2hwsox "How to Combine Context Providers for Cleaner React Code") Article JavaScript in Plain English · 4y How to Combine Context Providers for Cleaner React Code Context Providers are just functions therefore they can be composted, and used to create AppContext provider lets just do that then. With this, we can just pass an array of context providers and they will be combined from left to right. This is the principle that you can apply to develop large scale applications. 41 2 9. 9 [](/posts/redux-react-fjlyl7g1y "Redux + React") Article Towards Dev · 4y Redux + React Redux is a library that allows us to manage and update application state. It serves as an centralized store for state that is to be used across your entire application. Redux also provides Redux Devtool, which allows you to see the history of actions and state changes in your app. The actions can be serialized, logged or stored and later replayed. 39 [See all Redux archives](/tags/redux/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/redux/best-of/2022#page","url":"https://daily.dev/tags/redux/best-of/2022","name":"Best Redux Posts of 2022","description":"The most upvoted Redux posts of 2022, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/redux/best-of/2022#items","numberOfItems":9,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/micro-frontend-with-react-and-next-js-goe5wsium","name":"Micro-frontend with React and Next.js"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/the-state-of-frontend-in-2022-f7xsx27d","name":"The State of Frontend in 2022"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/react-i-love-you-but-you-re-bringing-me-down-e9fvk-kck","name":"React I Love You, But You're Bringing Me Down"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/working-with-zustand-0mu8ry-uc","name":"Working with Zustand"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/12-essential-skills-your-reactjs-developers-should-znodos-zr","name":"12 Essential Skills Your ReactJS Developers Should"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/reactjs-protected-route-dqfnhaaum","name":"Reactjs Protected Route"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/use-redux-to-manage-authenticated-state-in-a-react-app-e1lj-141z","name":"Use Redux to Manage Authenticated State in a React App"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-to-combine-context-providers-for-cleaner-react-code-nla2hwsox","name":"How to Combine Context Providers for Cleaner React Code"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/redux-react-fjlyl7g1y","name":"Redux + React"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Redux","item":"https://daily.dev/tags/redux"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/redux/best-of"},{"@type":"ListItem","position":5,"name":"2022"}]}]} ```