https://github.com/lucywho/redux-essentials-example-app

Redux tutorial project, using React19
https://github.com/lucywho/redux-essentials-example-app

react react19 reactjs redux redux-toolkit typescript

Last synced: 9 days ago
JSON representation

Redux tutorial project, using React19

• Host: GitHub
• URL: https://github.com/lucywho/redux-essentials-example-app
• Owner: lucywho
• Created: 2025-01-15T17:36:11.000Z (24 days ago)
• Default Branch: main
• Last Pushed: 2025-01-16T17:55:30.000Z (23 days ago)
• Last Synced: 2025-01-16T18:39:26.563Z (23 days ago)
• Topics: react, react19, reactjs, redux, redux-toolkit, typescript
• Language: TypeScript
• Homepage:
• Size: 1.56 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Redux Essentials Tutorial Example

This project contains the setup and code from the "Redux Essentials" tutorial example app in the Redux docs ( https://redux.js.org/tutorials/essentials/part-3-data-flow ).

This project was bootstrapped with [Vite](https://vitejs.dev/), and is based on the [official Redux Toolkit + Vite template](https://github.com/reduxjs/redux-templates/tree/master/packages/vite-template-redux).

## Changes to the tutorial version

- changed `master` to `main`

- upgraded to React 19

- using formData in forms

- minor layout changes (which may or may not survive to the end of the tutorial)

  - moved "add new post" form to its own page, included a navigation tab and reroute to "all posts" on submit

## Package Managers

This project is currently set up to use [Yarn 4](https://yarnpkg.com/getting-started/usage) as the package manager.

## Available Scripts

In the project directory, you can run:

### `yarn dev`

Runs the app in the development mode.


Open [http://localhost:4173](http://localhost:4173) to view it in the browser.

The page will reload if you make edits.


### `yarn build`

Builds the app for production to the `dist` folder.


It correctly bundles React in production mode and optimizes the build for the best performance.

## Learn More

You can learn more about building and deploying in the [Vite docs](https://vitejs.dev/).

To learn React, check out the [React documentation](https://react.dev).