question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Document Redux setup in additional environments like React Native and Next.js and link additional templates

See original GitHub issue

Our docs currently teach app setup based on a standard SPA-style approach, and specifically with use of Create-React-App. Related, our installation instructions currently point to the two RTK templates for CRA (JS and TS).

We should add additional installation and setup instructions for other major React environments, like React Native and Next which both differ significantly in how the app structure is defined and have different considerations (no ReactDOM.render() call in RN or Next, and Next users will likely want to integrate with Next’s data fetching APIs).

We could possibly do this by updating/rewriting https://redux.js.org/usage/configuring-your-store to be more about “how do you set up a Redux store in various environments?” and covering RN/Next specifically as part of that, or we could keep the idea of “store configuration” and “app project setup” in separate pages.

Related to this, it would be nice if we could point to specific templates for those environments as well.

For RN, there’s https://github.com/rahsheen/react-native-template-redux-typescript , which ports the RTK+TS example to the RN CLI.

For Next, there’s https://github.com/vercel/next.js/tree/canary/examples/with-redux , which does something similar.

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:4
  • Comments:13 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
markeriksoncommented, Jul 23, 2022

Hmm. @fregayeg , I definitely want any differences in Redux DevTools setup covered (if there are any), but I don’t think we need to worry about navigation or testing.

1reaction
markeriksoncommented, Jul 23, 2022

@fregayeg : FWIW, the request in this page isn’t actually for a full-blown app 😃

What I’m looking for is something sort of along the lines of the existing “Configuring Your Store” page, that would answer questions like:

  • Where does the store live in the folder structure?
  • There’s no ReactDOM.render() - where do I add the <Provider> to the component tree?
  • Any other unique aspects of adding Redux to an RN project that would be different from the typical basic CRA/Vite SPA process
Read more comments on GitHub >

github_iconTop Results From Across the Web

Getting Started with Redux
The recommended way to start new apps with React and Redux is by using the official Redux+JS template or Redux+TS template for Create...
Read more >
Migrating from Create React App - Next.js
Migrating from Create React App. This guide will help you understand how to transition from an existing non-ejected Create React App project to...
Read more >
How to use Redux in Next.js - LogRocket Blog
Learn how to incorporate Redux, the most popular state management tool, into Next.js quickly and easily in this full tutorial.
Read more >
Create an ASP.NET Core app with React in Visual Studio
Create the frontend app · In the Start window (choose File > Start Window to open), select Create a new project. · Search...
Read more >
Introduction - React Native
If you're looking for environment setup instructions, they've moved to their ... to the documentation, Native Components, React, and more!
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found