Blog Logo
TAGS

puck - The self-hosted, drag and drop editor for React

# puck The self-hosted, drag and drop editor for React. - ๐Ÿ–ฑ๏ธ **Drag and drop**: Visual editing for your existing React component library - ๐ŸŒ **Integrations**: Load your content from a 3rd party head...

Read more...

Build Serverless application with AWS Amplify, AWS API Gateway, AWS Lambda and Cognito Auth

Serverless is a cloud-native development model that allows developers to build and run applications without having to manage servers. AWS Lambda is a serverless computing service provided by Amazon We...

Read more...

An Extendable Obsidian Publish alternative using Next.JS

Publish your Obsidian Notes with a highly customizable Next.JS blog starter template. Features: Supports most Obsidian syntax (e.g. Link Previews, Links, etc.). Uses obsidian-export. URLs are based on...

Read more...

Decoupling UI and Logic in React: A Clean Code Approach with Headless Components

In this article, we will demystify the concept of headless components in React and explore how they can simplify the management of complex user interfaces. We will start by extracting a useToggle hook...

Read more...

How Did I Not Know This TypeScript Trick Earlier??!

How Did I Not Know This TypeScript Trick Earlier??!

In this video, the presenter demonstrates a useful TypeScript trick that was discovered recently in an open-source repository. The trick involves receiving conditional TypeScript properties in a child...

Read more...

Scalable state management for TypeScript applications

Optics is a powerful tool for managing state in TypeScript applications. With optics, you can easily read, update, and subscribe to state anywhere in your application. It offers full type safety and c...

Read more...

Enatega Single Vendor Solution

# Enatega Single Vendor Solution Enatega is a state of the art white label storefront delivery solution that allows business owners to easily manage their deliveries. Whether they have a restaurant, ...

Read more...

# OP Vault

OP Vault is a practical and valuable tool based on the OP Stack, which consists of OpenAI and Pinecone Vector Database. The tool allows users to upload their own custom knowledgebase files and ask que...

Read more...

React component to render markdown.

This package is a React component that can be given a string of markdown that itโ€™ll safely render to React elements. It allows passing plugins to change how markdown is transformed to React elements a...

Read more...

Prereq Flow - Course Planning Aid for University of Washington Students

Prereq Flow is an unofficial course planning aid that helps University of Washington undergraduate students visualize courses and prerequisites for their degrees. The application is built with React F...

Read more...

Reagraph: WebGL Network Graphs for React

Reagraph is a high-performance network graph visualization built in WebGL for React. It features node sizing based on attributes, page rank, centrality, and custom, as well as light and dark mode with...

Read more...

Build your React-based CRUD applications with refine

refine is an open-source, headless web application framework for the rapid development of web applications. It eliminates repetitive tasks demanded by CRUD operations and provides industry standard so...

Read more...

Generate JSON Structure

In this exercise, we are required to create the JSON structure with two fields: title and summary. The title should be generated from the provided text and limited to a maximum of 200 characters. To a...

Read more...

Trinity Admin-Panel โ€“ a powerful SPA for managing website backends

Trinity is a powerful Single-Page Application (SPA) administration tool that makes managing your websites backend a breeze. With a feature-rich and beautifully-designed interface built using C# and A...

Read more...

Trinity Admin-Panel - Manage Your Websites Backend with Ease

Trinity is a powerful Single-Page Application (SPA) administration tool that is designed to streamline common administrative tasks and enhance the productivity of developers. It offers a customizable ...

Read more...

Introducing Storybook 7.0: Next-level component development and testing

Storybook 7.0 is the gold standard UI workshop environment for component-driven development, documentation, and testing. Its first major release in over two years, SB7, includes first-class Vite suppo...

Read more...

Accessible and Customizable Components for Your App

# shadcn/ui Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. **Use this to build your own component library**. ![hero](apps/www/public/og.jpg) ## R...

Read more...

Next.js 13.3 Adds Popular Community-Requested Features: File-Based Metadata API, Dynamic Open Graph Images, and Static Export for App Router

Next.js 13.3 adds new and popular community-requested features that enhance the Metadata API, provide dynamic open graph images, and supports static export for the App Router. The Metadata API now sup...

Read more...

Radix UI: Unstyled, Accessible Components for Building Web Apps in React

Radix UI provides unstyled and accessible components that are designed to help developers build high-quality design systems and web apps in React. It offers a range of components, including sliders, p...

Read more...

shadcn/ui - Beautifully designed components built with Radix UI and Tailwind CSS

shadcn/ui is a collection of beautifully designed and accessible components built with Radix UI and Tailwind CSS that you can copy and paste into your apps. It is completely free and open source, allo...

Read more...