React Flow is a library for building node-based graphs. You can easily implement custom node types and it comes with components like a mini-map and graph controls. Feel free to check out the examples or read the blog post to get started.
#typescript #ts #react #graph #flowchart
#typescript #ts #react #graph #flowchart
❤1🔥1👏1
Appsmith. Build custom CRUD apps that talk to any API or database. All without HTML or CSS.
#javascript #typescript #ts #js #react #crud #api #database
#javascript #typescript #ts #js #react #crud #api #database
👍1🔥1👏1
Refine is a React-based framework for building data-intensive applications in no time. Refine offers lots of out-of-the box functionality for rapid development, without compromising extreme customizability. Use-cases include, but are not limited to admin panels, B2B applications and dashboards.
#typescript #react #ts #graphql #ui #admin #antdesign #ux #ant
#typescript #react #ts #graphql #ui #admin #antdesign #ux #ant
❤2🔥1👏1
Dim is a self-hosted media manager. With minimal setup, Dim will organize and beautify your media collections, letting you access and play them anytime from anywhere.
#rust #react #mediamanager
#rust #react #mediamanager
❤1👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Mitosis is inspired by many modern frameworks. You'll see components look like React components and use React-like hooks, but have simple mutable state like Vue, use a static form of JSX like Solid, compile away like Svelte, and uses a simple, prescriptive structure like Angular.
#typescript #react #hooks #components #builder #vue #solid #angular #svelte
#typescript #react #hooks #components #builder #vue #solid #angular #svelte
❤1🔥1👏1
Serverless Stack is a framework that makes it easy to build serverless apps. It's an extension of AWS CDK and it features:
- A Live Lambda Development environment
- Support for setting breakpoints and debugging in VS Code
- Support for deploying to multiple environments and regions
- Higher-level constructs designed specifically for serverless apps
- Zero-config support for JS and TS (using esbuild), Go, Python, C#, and F#
#typescript #ts #js #javascript #python #serverless #golang #aws #lambda #react
- A Live Lambda Development environment
- Support for setting breakpoints and debugging in VS Code
- Support for deploying to multiple environments and regions
- Higher-level constructs designed specifically for serverless apps
- Zero-config support for JS and TS (using esbuild), Go, Python, C#, and F#
#typescript #ts #js #javascript #python #serverless #golang #aws #lambda #react
❤1👍1🔥1
30 Days of React challenge is a step by step guide to learn React in 30 days. It requires HTML, CSS, and JavaScript knowledge. You should be comfortable with JavaScript before you start to React. If you are not comfortable with JavaScript check out 30DaysOfJavaScript. This is a continuation of 30 Days Of JS.
#javascript #js #reactjs #react #frontend
#javascript #js #reactjs #react #frontend
❤1👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Ethereum Boilerplate is an ultimate full-stack Ethereum Dapp Boilerplate which gives you maximum flexibility and speed.
#solidity #typescript #ts #javascript #js #dapps #ethereum #moralis #web3 #react
#solidity #typescript #ts #javascript #js #dapps #ethereum #moralis #web3 #react
❤1👍1🔥1
React Table — Hooks for building fast and extendable tables and datagrids for TS/JS, React, Vue, Solid.
Quick Features
- Agnostic core (JS/TS)
- 1st-class framework bindings for React, Vue, Solid
- ~14kb or less (with tree-shaking)
- 100% TypeScript (but not required)
- Headless (100% customizable, Bring-your-own-UI)
- Auto out of the box, opt-in controllable state
- Filters (column and global)
- Sorting (multi-column, multi-directional)
- Grouping & Aggregation
- Pivoting (coming soon!)
- Row Selection
- Row Expansion
- Column Visibility/Ordering/Pinning/Resizing
- Table Splitting
- Animatable
- Virtualizable
- Server-side/external data model support
#react #pagination #hooks #sorting #typescript #grid #vue #solid #reactjs #table #svelte #datatable #datagrid #filtering #grouping #solidjs #datagrids
Quick Features
- Agnostic core (JS/TS)
- 1st-class framework bindings for React, Vue, Solid
- ~14kb or less (with tree-shaking)
- 100% TypeScript (but not required)
- Headless (100% customizable, Bring-your-own-UI)
- Auto out of the box, opt-in controllable state
- Filters (column and global)
- Sorting (multi-column, multi-directional)
- Grouping & Aggregation
- Pivoting (coming soon!)
- Row Selection
- Row Expansion
- Column Visibility/Ordering/Pinning/Resizing
- Table Splitting
- Animatable
- Virtualizable
- Server-side/external data model support
#react #pagination #hooks #sorting #typescript #grid #vue #solid #reactjs #table #svelte #datatable #datagrid #filtering #grouping #solidjs #datagrids
❤1👍1🔥1
SST is a framework that makes it easy to build serverless apps. It's an extension of AWS CDK and it features:
— A Live Lambda Development environment
— A web based dashboard to manage your apps
— Support for setting breakpoints and debugging in VS Code
— Higher-level constructs designed specifically for serverless apps
— Zero-config support for JS and TS, Go, Python, C#, and F#
#python #javascript #typescript #ts #golang #serverless #cdk #react
— A Live Lambda Development environment
— A web based dashboard to manage your apps
— Support for setting breakpoints and debugging in VS Code
— Higher-level constructs designed specifically for serverless apps
— Zero-config support for JS and TS, Go, Python, C#, and F#
#python #javascript #typescript #ts #golang #serverless #cdk #react
🤔7🔥1👏1
Wails is a project that enables you to write desktop apps using Go and web technologies.
Consider it a lightweight and fast Electron alternative for Go. You can easily build applications with the flexibility and power of Go, combined with a rich, modern frontend.
#golang #og #gui #web #html #css #react #vue #linux #macos #windows
Consider it a lightweight and fast Electron alternative for Go. You can easily build applications with the flexibility and power of Go, combined with a rich, modern frontend.
#golang #og #gui #web #html #css #react #vue #linux #macos #windows
👍2❤1👏1
Bulletproof React.
React is a great tool for building frontend applications. It has a very diverse ecosystem with hundreds of great libraries for literally anything you might need. However, it can be overwhelming to be forced to make so many choices. It is also very flexible, you can write React applications in any way you like but that flexibility comes with a cost. Since there is no pre-defined architecture developers can follow, it often leads to messy, inconsistent, or over-complicated codebases.
This is an attempt to present a way of creating React applications using the best tools in the ecosystem with a good project structure that scales very well. It is based on the experience of working with many different codebases, and this architecture turns out to be the most effective one.
#typescript #ts #react #best #practice #architecture #patterns
React is a great tool for building frontend applications. It has a very diverse ecosystem with hundreds of great libraries for literally anything you might need. However, it can be overwhelming to be forced to make so many choices. It is also very flexible, you can write React applications in any way you like but that flexibility comes with a cost. Since there is no pre-defined architecture developers can follow, it often leads to messy, inconsistent, or over-complicated codebases.
This is an attempt to present a way of creating React applications using the best tools in the ecosystem with a good project structure that scales very well. It is based on the experience of working with many different codebases, and this architecture turns out to be the most effective one.
#typescript #ts #react #best #practice #architecture #patterns
👍4❤1👏1
This media is not supported in your browser
VIEW IN TELEGRAM
tRPC allows you to easily build & consume fully typesafe APIs, without schemas or code generation.
Features:
✅ Well-tested and production ready.
🧙♂️ Full static typesafety & autocompletion on the client, for inputs, outputs and errors.
🐎 Snappy DX - No code generation, run-time bloat, or build pipeline.
🍃 Light - tRPC has zero deps and a tiny client-side footprint.
🐻 Easy to add to your existing brownfield project.
🔋 Batteries included - React.js/Next.js/Express.js/Fastify adapters.
🥃 Subscriptions support.
⚡️ Request batching - requests made at the same time can be automatically combined into one
👀 Quite a few examples in the ./examples-folder
#typescript #ts #api #react #nextjs #prisma
Features:
✅ Well-tested and production ready.
🧙♂️ Full static typesafety & autocompletion on the client, for inputs, outputs and errors.
🐎 Snappy DX - No code generation, run-time bloat, or build pipeline.
🍃 Light - tRPC has zero deps and a tiny client-side footprint.
🐻 Easy to add to your existing brownfield project.
🔋 Batteries included - React.js/Next.js/Express.js/Fastify adapters.
🥃 Subscriptions support.
⚡️ Request batching - requests made at the same time can be automatically combined into one
👀 Quite a few examples in the ./examples-folder
#typescript #ts #api #react #nextjs #prisma
🔥3❤1👍1
React Native Skia is a high-performance 2D Graphics for React Native using Skia.
React Native Skia brings the Skia Graphics Library to React Native. Skia serves as the graphics engine for Google Chrome and Chrome OS, Android, Flutter, Mozilla Firefox and Firefox OS, and many other products.
#typescript #ts #skia #react #native
React Native Skia brings the Skia Graphics Library to React Native. Skia serves as the graphics engine for Google Chrome and Chrome OS, Android, Flutter, Mozilla Firefox and Firefox OS, and many other products.
#typescript #ts #skia #react #native
🔥2❤1👍1
Bun is a modern JavaScript runtime like Node or Deno. It was built from scratch to focus on three main things:
- Start fast.
- New levels of performance.
- Being a great and complete tool.
Bun is designed as a drop-in replacement for your current JavaScript & TypeScript apps or scripts — on your local computer, server or on the edge. Bun natively implements hundreds of Node.js and Web APIs, including ~90% of Node-API functions (native modules), fs, path, Buffer and more.
The goal of Bun is to run most of the world's JavaScript outside of browsers, bringing performance and complexity enhancements to your future infrastructure, as well as developer productivity through better, simpler tooling.
#zig #node #runtime #bundler #transpiler #package #manager #javascript #js #jsx #react
- Start fast.
- New levels of performance.
- Being a great and complete tool.
Bun is designed as a drop-in replacement for your current JavaScript & TypeScript apps or scripts — on your local computer, server or on the edge. Bun natively implements hundreds of Node.js and Web APIs, including ~90% of Node-API functions (native modules), fs, path, Buffer and more.
The goal of Bun is to run most of the world's JavaScript outside of browsers, bringing performance and complexity enhancements to your future infrastructure, as well as developer productivity through better, simpler tooling.
#zig #node #runtime #bundler #transpiler #package #manager #javascript #js #jsx #react
❤2👍2🔥1👏1
⌘K is a command menu React component that can also be used as an accessible combobox. You render items, it filters and sorts them automatically. ⌘K supports a fully composable API, so you can wrap items in other components or even as static JSX.
#typescript #ts #jsx #react #combobox #radix #command #menu
#typescript #ts #jsx #react #combobox #radix #command #menu
❤2🔥2👏1
Remotion is a framework for creating videos programmatically using React.
Why create videos in React?
— Leverage web technologies: Use all of CSS, Canvas, SVG, WebGL, etc.
— Leverage programming: Use variables, functions, APIs, math and algorithms to create new effects
— Leverage React: Reusable components, Powerful composition, Fast Refresh, Package ecosystem
#typescript #ts #js #react #video
Why create videos in React?
— Leverage web technologies: Use all of CSS, Canvas, SVG, WebGL, etc.
— Leverage programming: Use variables, functions, APIs, math and algorithms to create new effects
— Leverage React: Reusable components, Powerful composition, Fast Refresh, Package ecosystem
#typescript #ts #js #react #video
👍5🔥1