Blog Logo
TAGS

React Unity WebGL - Embedding Unity WebGL builds in React Applications

React Unity WebGL provides a solution for embedding Unity WebGL builds in React Applications with advanced two-way communication and interaction APIs. The project was created by Jeffrey Lanters, a Uni...

Read more...

Authenticating Azure Function App API Calls From Web Apps (ReactJS)

Learn how to authenticate and secure Azure Function App API calls from web apps using ReactJS. This guide covers the necessary steps to create an Azure Function App and App Service, register applicati...

Read more...

Authenticate and authorize Static Web Apps

Azure Static Web Apps simplifies authentication with pre-configured providers like GitHub, Twitter, and Azure AD with no extra setup required. Learn about default behavior, custom providers, setting u...

Read more...

Tutorial: Create a React single-page app that uses auth code flow

In this tutorial, you will create a React single-page application that signs in users and calls Microsoft Graph API by using the authorization code flow with PKCE. You will use the Microsoft Authentic...

Read more...

Why we ditched GraphQL for tRPC

At Echobind, were always looking for ways to improve our processes. After trying out tRPC, weve decided to adopt it as the official API layer for Bison. Both tRPC and GraphQL serve the same purpose of...

Read more...

Twitter clone built in Next.js + TypeScript + Tailwind CSS using Cloud Firestore and Storage

![](/.github/assets/presentation.png) A Twitter clone built in Next.js, TypeScript, and Tailwind CSS, utilizing Cloud Firestore for data storage and Cloud Storage for storing uploaded images. Features...

Read more...

TanStack Router | Modern and Scalable Routing for React Applications

TanStack Router BETAModern and scalable routing for React applicationsA fully typesafe router for React with first-class search-param APIs and client-side cache aware design. TanStack Router builds on...

Read more...

Clerk: Complete User Management and Authentication Service for Developers

Clerk is a comprehensive user management and authentication service designed for developers. With a series A funding of $15 million led by Madrona, Clerk offers fully featured UIs and dead simple APIs...

Read more...

GrowthBook - Open Source Feature Flags and A/B Tests

Version 1.8 of GrowthBook has been recently released, and you can join the GrowthBook team on Thursday to have a look at the latest features, ask questions and know more about the product. The GrowthB...

Read more...

daisyUI — Tailwind CSS Components

daisyUI is a free plugin for Tailwind CSS that provides customizable and themeable UI components that work on all frameworks. With daisyUI, you can use Tailwind CSS but write fewer class names, result...

Read more...

React Query and TypeScript: Tips and Tricks for an Improved Development Experience

If youre a frontend developer, youve probably heard that TypeScript is the way to go. But what about libraries and tools like React Query? In this blog post, we explore the gotchas and tips for using ...

Read more...

Headless UI - Unstyled, Accessible UI Components for React and Vue

Headless UI is a collection of unstyled, fully accessible UI components designed to integrate seamlessly with Tailwind CSS. It includes menu (dropdown) components, a listbox (select) component, a comb...

Read more...

vanilla-extract - Zero-runtime Stylesheets-in-TypeScript

Use TypeScript as your preprocessor and generate static CSS files at build time with vanilla-extract. Write type-safe, locally scoped classes, variables and themes. Create a single global theme or mul...

Read more...

CSS in 2023 - Tailwind vs MUI vs Bootstrap vs Chakra vs...

CSS in 2023 - Tailwind vs MUI vs Bootstrap vs Chakra vs...

In this article, the author discusses their experience with UI libraries and frameworks and how they have evolved in their thinking about their role in web development. They highlight three core types...

Read more...

chakra-ui-steps - Steps component designed to work seamlessly with Chakra UI.

This is a Steps component that has been specifically designed to work well with Chakra UI. It has a range of useful features and there are plenty of code examples and documentation available for refer...

Read more...

REST APIs - How To Connect Your React App Like The Pros

Consuming REST APIs with React can be a mess of code, but libraries like react-query make it easy with advanced features right out of the box. This tutorial will demonstrate two approaches, including ...

Read more...

How We Improved React Loading Times by 70% with Next.js

We switched from Create React App to Next.js and reduced our initial page load times by as much as 70%. With its built-in support for page routing and intelligent pre-loading, Next.js unlocked a new l...

Read more...

Introducing Turbopack: Rust-based successor to Webpack

Vercel introduces Turbopack, the Rust-based successor to Webpack built with high-performance bare-metal tooling and an incremental architecture for the fastest possible development experience. Turbopa...

Read more...

Top 6 React Hook Mistakes Beginners Make

Top 6 React Hook Mistakes Beginners Make

In this video, the speaker identifies six common mistakes that developers make when using the useState and useEffect hooks in React. The first mistake is using state unnecessarily, such as when the va...

Read more...

Why Were Breaking Up with CSS-in-JS

In this article, software engineer Sam shares his experience with using CSS-in-JS libraries like Emotion and styled-components for React. He discusses the pros and cons of CSS-in-JS and delves into th...

Read more...