Automate the mundane part of your day, with live actionable messages for your GitHub & Jira tasks. Learn more →
Top 23 TypeScript Code Design Projects
Declarative routing for ReactProject mention: Beginner's Guide To React Router (v6) | dev.to | 2022-11-28
📋 React Hooks for form state management and validation (Web + React Native)Project mention: How to Confidently Write Unit Tests using React Testing Library | dev.to | 2022-12-01
Also, instead of managing the state and onChange handler yourself, you can use a very popular react-hook-form library.
Workflow assistant built for devs & their teams. Automate the mundane part of your day, with live actionable messages for your GitHub & Jira tasks.
🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue.Project mention: Consuming a Rails API with a NextJs client | dev.to | 2022-11-28
**React Query is the link between the Rails and NextJs **Working together with Axios (my code), it is a great option to consume the REST API (and GraphQL). You have the access to: isLoading, isError, data, error, and others. It is a very easy way to load data and rescue errors.
Official React bindings for ReduxProject mention: Consuming a Rails API with a NextJs client | dev.to | 2022-11-28
A Foundation for Scalable Cross-Platform AppsProject mention: Implement sqlite3 with electron | reddit.com/r/electronjs | 2022-11-15
Hi guys I'm using this electron-react boilerplate https://github.com/electron-react-boilerplate/electron-react-boilerplate and I want to use sqlite3 with it. The problem is I dont have the idea on how to implement it, I've been looking online for guides to follow but it's so confusing and doesn't work. What I want is the database can be access in development and production. Any help will be appreciated thanks.
Selector library for ReduxProject mention: Killing mutants to improve your tests | dev.to | 2022-11-07
:rocket: A fully-featured, production ready caching GraphQL client for every UI framework and GraphQL server.Project mention: React Server Components | reddit.com/r/reactjs | 2022-11-26
Smart, Fast and Extensible Build SystemProject mention: How to Optimize Full-stack Development with Monorepos & Nx Monorepo | dev.to | 2022-12-01
We now move onto Nx as a built tool. This tool provides the following benefits:
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3Project mention: Nativescript & Formily: A match made in heaven. | dev.to | 2022-10-21
Enter Formily, by Alibaba which does exactly the above. With a JSON schema, forms can be generated whilst keeping control of the data model.
CSS media queries in react - for responsive design, and more.Project mention: TailwindCSS + React Components, How do you handle responsiveness? | reddit.com/r/reactjs | 2022-11-25
You can use react-responsive for JS media queries. Then pass props conditionally based on the media query. Alternatively make a "responsive" boolean prop and apply styles with Tailwind's responsive helpers if the prop is true.
Business logic with ease ☄️Project mention: [Question] Recommendations for an agnostic state management? | reddit.com/r/reactjs | 2022-10-05
⚛️ A React renderer for Figma
Flexible and powerful universal routing solution
A quick showcase of UniversalRouter (1.6kB zip) as an "easy" alternative to React Router.
Customizable JSON Schema-based forms with React, Angular and Vue support out of the box.Project mention: JSONForms | news.ycombinator.com | 2022-12-02
An SVG loader component for ReactJS
Few weeks ago, I started contributing to an open source library called Teaful, a Tiny, EAsy, and powerFUL for React state management, with ambitious roadmap. Now Teaful reached more than 500 GitHub ⭐️ Stars, the library and his community are growing fast.
Redux history binding support react-router - @reach/router - wouter - react-locationProject mention: Query parameter state with Redux | reddit.com/r/reactjs | 2022-04-17
🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more! (by aesthetic-suite)
React boilerplate written in TypeScript with a variety of Jamstack and full stack deployments. Comes with SSR and without need to learn a framework. Helps to split a monolithic React app into multiple SPAs and avoid vendor lock-in.Project mention: Best way to create Express websites | reddit.com/r/node | 2022-04-29
If TypeScript doesn't put you off (it's really a good choice for both backend and frontend), have a look at Crisp React.
🌐 HTTP client component for React based on Axios
Responsive components and Hooks ⚒ for your favorite framework ⚛️
Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Data Platform where developers build real-time applications for analytics, IoT and cloud-native services in less time with less code.
TypeScript Code Design related posts
1 project | news.ycombinator.com | 2 Dec 2022
How to Optimize Full-stack Development with Monorepos & Nx Monorepo
1 project | dev.to | 1 Dec 2022
Be aware of your codebase with Nx
1 project | dev.to | 29 Nov 2022
Beginner's Guide To React Router (v6)
1 project | dev.to | 28 Nov 2022
Consuming a Rails API with a NextJs client
13 projects | dev.to | 28 Nov 2022
Redux vs Context, what exactly does Redux accomplish that context fails to do?
2 projects | reddit.com/r/reactjs | 26 Nov 2022
Whenever a Flatlist item is added/changed is re-rendering the entire render method!
1 project | reddit.com/r/reactnative | 27 Nov 2022
A note from our sponsor - Zigi
www.zigi.ai | 3 Dec 2022
What are some of the best open-source Code Design projects in TypeScript? This list will help you: