LogRocket·4yMicro-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.
Community Picks·4yReact 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.
TkDodo·4yWorking 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 "
DZone·4y12 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.
DEV·4yReactjs 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.
Okta Dev·4yUse 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.
JavaScript in Plain English·3yHow 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.
Towards Dev·4yRedux + 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.
