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...
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...
T3 Stack Tutorial - FROM 0 TO PROD FOR $0 (Next.js, tRPC, TypeScript, Tailwind, Prisma & More)
The speaker presented their T3 stack, which they coined in a video a year and a half ago. They created an app to vote on the most round Pokémon using various technologies such as next.js, Prisma Plane...
Reactive user interfaces with pure Python
[ReactPy](https://reactpy.dev/) is a library for building user interfaces in Python without Javascript. ReactPy interfaces are made from components which look and behave similarly to those found in [R...
YakGPT: A Faster and More Engaging ChatGPT UI for Faster Text Generation
YakGPT is a locally running ChatGPT UI that speeds up text generation and makes chatting more engaging. It offers features such as direct API connection, easy mic integration, customizable API key, lo...
React GitHub Calendar - JavaScript App
React GitHub Calendar is a JavaScript app that allows users to display their GitHub activity and contribution data in a customizable calendar view. The app works by connecting to the GitHub API and fe...
How to Add Google AdSense in Next JS
The traditional Google AdSense installation is not compatible with the websites created using Next JS. In this article, you will learn how to register and set up AdSense Auto Ads in Next JS, add AdSen...
Create T3 App
This is an app bootstrapped according to the init.tips stack, also known as the T3-Stack. We try to keep this project as simple as possible, so you can start with the most basic configuration and then...
Integrating Next.js app with Google analytics 4
Google analytics helps get more insights into app usage. This article provides step-by-step instructions on how to integrate Google analytics 4 with a Next.js app, including prerequisites, analytics i...
How to Build a React Admin Panel with Mantine and Strapi
Learn how to build a React Admin Panel with Mantine and Strapi using refine, a free, open-source, and MIT-licensed React framework for building CRUD apps. The article covers setting up a refine applic...
Victory: React.js Charting Components for Data Visualization
Victory is a robust and flexible ecosystem of composable React components for creating complex data visualizations. With features like area charts, scatter plots, and Voronoi polygons, Victory is full...
Setup React and Tailwind — The Easy Way
Learn how to easily setup Tailwind with React by using code generators with Nx Devtools. Whether you love or hate Tailwind, it has found massive adoption among frontend developers. This article walks ...
Modularizing React Applications with Established UI Patterns
Established UI patterns can solve complex UI design problems effectively, yet they are underutilized in frontend development. This article explores the benefits of applying UI building patterns in the...
Heroicons v2.0.17 - Beautiful hand-crafted SVG icons by the makers of Tailwind CSS
Heroicons v2.0.17 is a collection of 292 beautifully designed SVG icons that are hand-crafted by the makers of Tailwind CSS. These icons come with an MIT license and are available for use with React &...
Replace Create React App recommendation with Vite
This is a pull request (#5487) on the reactjs/react.dev GitHub repository. The author, t3dotgg, proposes replacing the recommendation to use Create React App (CRA) with Vite due to issues newer React ...
Make Your React Tests Easier to Write, Understand and Maintain
React components can be complex and difficult to test, especially when they have a lot elements and interactions. To simplify testing, it’s best to separate the test code from the code that is used to...
Async React with NextJS 13
React Native async support is here and you can get your hands on it with NextJS 13 beta. In this article, Swizec Teller explains how to use async React with NextJS 13, how to easily handle async data ...
Little React Things: Less reacting, more deriving
In this second post in the Little React Things series, Zeke Hernandez talks about how we should remove unnecessary reactions from our React applications and replace them with derivations. He discusses...
Create a Multiple Instances Socket React Context Library: a Step-by-Step Guide
In this article, we will go through the process of creating a multiple instances socket React context library using socket.io to create a real-time communication between different parts of your applic...
Developer Roadmaps - community effort to guide and grow developers
roadmap.sh is a community effort to create roadmaps, guides and educational content to help developers grow in their career. It offers role-based roadmaps for Frontend, Backend, DevOps, Android, QA, a...