Top 23 TypeScript Redux Projects
It's impossible to enforce a rule that will make developers work in safe, guarded ways. However, if we can manage to make our data structures immutable (and we'll keep state in such an object) we'll control how the state is modified. We'll have to work with some interface that won't let us directly modify the original data, but rather produce a new object instead. (Observant readers may notice that this is exactly the idea behind Redux: you don't directly modify state: you have to dispatch an action, which a reducer will process to produce a new state.)
Official React bindings for ReduxProject mention: Clean React-Redux, Redux-Saga client-side solution. | dev.to | 2021-10-13
And to support the use of Redux in React we also have React-Redux. A library that allow us to keep Redux solution up to date with React modern approaches. Through React Hooks from React-Redux we can access and control the store. Is without saying that without React-Redux I would not recommend the use of Redux in applications today.
React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architectureProject mention: graphql-let - A Webpack loader for GraphQL Code Generator | dev.to | 2021-07-29
It generates `.d.ts` files in `node_modules/@types/graphql-let` by default to apply overload signatures on the function `gql`. Ideally, it should be available in both a babel plugin and the webpack loader but there needs to be more effort. ## Why I made graphql-let I made this for front-end devs to adopt the TypeScript and GraphQL even more in their project😄 When I actively maintained [kriasoft/react-starter-kit](https://github.com/kriasoft/react-starter-kit) a few years ago, I realized it's so happy to use Apollo Server and Apollo Client. At the moment, though, Apollo primarily supported HOCs instead of React Hooks, which leads to troublesome to match types of GraphQL operations and fetched data manually. Then, `@graphql-codegen/typescript-react-apollo` appeared and solved all the problems, except ones that graphql-let deals with later. The less setup process GraphQL development requires, the more people can adopt GraphQL I believe, simply because GraphQL itself solves many problems web development has been struggling with without it for a decade. I couldn't be happier if a few of you get to know the power of GraphQL through using graphql-let.
DevTools for Redux with hot reloading, action replay, and customizable UIProject mention: Thoughts about redux & react-query together | reddit.com/r/reactjs | 2021-10-12
The complete guide to static typing in "React & Redux" apps using TypeScriptProject mention: Open source react project with typescript best practices | reddit.com/r/typescript | 2021-10-09
The Redux FrameworkProject mention: Redux Toolkit is Awesome | reddit.com/r/reactjs | 2021-09-29
Reactive libraries for AngularProject mention: 🗜️ Optimal Tuple vs Record | dev.to | 2021-10-13
What is a Store ? See Flux In-Depth Overview React uses Redux, Vue uses Vuex, Angular uses NgRx
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
As for state imba doesn't impose any paradigm on you - you are free to bring your own state managment. So you could use a library like mobx-state-tree.
Frontend for HospitalRunProject mention: Looking for React projects with good testing (Jest+=React testing library) | reddit.com/r/reactjs | 2021-07-19
200 bytes to never think about React state management libraries ever againProject mention: View-Hook Pair Pattern (Draft) | dev.to | 2021-02-19
Of cource, we can mix Hook result values with a local state or something in the place among and , so we can adjust values a bit easily. (In easy case, Unstated Next is helpful.)
Highly customizable notification snackbars (toasts) that can be stacked on top of each other
My portfolio website simulating macOS's GUI, developed with React and Tailwind CSS.Project mention: 10 cool links for developers that I think you'll like | dev.to | 2021-05-17
https://portfolio.zxh.io/ - MacOS emulation that is really a job portfolio.
Typesafe utilities for "action-creators" in Redux / Flux ArchitectureProject mention: The Great Redux Toolkit Debate | dev.to | 2021-09-30
createAction — lets you define action creators, similar to typesafe-actions. I'm a TypeScript die-hard so type safety is non-negotiable. 😆
Redux wrapper for Next.jsProject mention: How to use serverside rendering to its full potential? | reddit.com/r/nextjs | 2021-09-08
I just hopped on this project that uses nextJS, and since most of the guys working on it were mobile devs first, we are using this library to use redux sagas.
Flexible and powerful universal routing solution
A desktop application that allows users to locally test and debug chat bots built with the Bot Framework SDK.Project mention: Easiest way to create a ChatBOT from Level 0 | dev.to | 2021-10-08
Download the emulator from this link if you don't have it yet (or from google or any place you like) https://github.com/Microsoft/BotFramework-Emulator/releases/tag/v4.14.0
State usage tracking with Proxies. Optimize re-renders for useState/useReducer, React Redux, Zustand and others.Project mention: React Tracked: Manage state and prevent excessive re-rendering | dev.to | 2021-09-28
While in a smaller application, excessive re-rendering may be unnoticeable or have no negative impact, as your application grows, each re-render may cause delays or lags in your UI. In this tutorial, we’ll use React Tracked, a library for state usage tracking, to optimize our application’s performance by preventing unnecessary re-renders.
Delightful data fetching for React.Project mention: I made a asynchronous data framework - tell me what you think! | reddit.com/r/reactjs | 2021-10-07
Chrome extension for improving and optimizing performance in React applications (Gatsby and Next.js compatible).Project mention: We are the developers of kangaVue, an open source developer tool for Vue. Have any suggestions? Try it here and let us know what to add! | reddit.com/r/vuejs | 2021-04-15
Hi Vue developers! We are open source developers on Reactime, A Time Travel Debugger for React Inspired by Redux DevTools. We all have experience building apps in Vue as well and love that Vue Dev Tools already offers some state jump functionality. However, we thought it would be a good idea to bring some of the other benefits of Reactime to Vue developers, like web-metrics and a graphical UI.
:postbox: A simple and customizable React notifications system
A well-structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Fetch, Reverse Proxy, Bundle Analyzer and Built-in Project CLI. https://pankod.github.io/next-boilerplate/Project mention: superplate - Performance-oriented Frontend application creator with popular tools | dev.to | 2021-03-23
It has been a long time since we started the next-boilerplate project. We are proud that it helped many frontend developers around the globe to speed up their frontend development cycles.
:fire: Setup Create React App with React Boilerplate. Highly scalable & Best DX & Performance Focused & Best practices.Project mention: React Boilerplate For React Native | dev.to | 2021-10-11
I started working on a React Native project recently and thought to my self why there was no similar thing for React Native, to the best of my knowledge. So I decided to migrate some of the things we knew on React Boilerplate and React Boilerplate CRA Template to a separate react native template.
MyCrypto is an open-source tool that allows you to manage your Ethereum accounts privately and securely. Developed by and for the community since 2015, we’re focused on building awesome products that put the power in people’s hands.Project mention: Avalanche is on Coinbase Pro now! What wallet can I hold it in? | reddit.com/r/CryptoCurrency | 2021-09-30
MyCrypto and MyEtherWallet both hold AVAX and have Trezor integration.
What are some of the best open-source Redux projects in TypeScript? This list will help you:
|19||Reactime 6.0: State Debugger for React||1,363|
Are you hiring? Post a new remote job listing for free.