Clik here to view.
Build a React comment form with @mention functionality
Commenting on threads and messages used to be pretty messy prior to the introduction of @mention functionalities. Though you could send a message in a thread, there was often no way of knowing who the...
View ArticleClik here to view.
Event bubbling and capturing in React
Events are detectable actions or occurrences commonly used in programs to trigger functions. These actions include a user clicking a button and a webpage loading. This article will cover how event...
View ArticleClik here to view.
Building a React portfolio website with Locomotive Scroll
Editor’s Note: This post was reviewed for accuracy on 1 March 2023. To learn more about implementing scrolling in your React app, check out additional articles on Framer Motion, using React Hooks for...
View ArticleClik here to view.
Using React Flow to plan a React project
Editor’s Note: This post was reviewed for accuracy on 1 March 2023. The React Flow v11.5 release in January 2023 introduced new features that make it easier to connect nodes and work with bigger...
View ArticleClik here to view.
Build a web editor with react-monaco-editor
Online web editors are web-based applications that allow users to write and edit code on a browser. They work without needing local environments or setups, encouraging accessibility, collaboration,...
View ArticleClik here to view.
Using Blitz with Next.js to build a full-stack app
Efficient web application development has become increasingly crucial these days. This need for speed and efficiency is particularly apparent when building full-stack applications, leading developers...
View ArticleClik here to view.
Exporting Figma designs to React Native: A developer’s guide
In modern app development, designers and developers working on the same project often need to find ways to bridge the gap between their work. Figma has emerged as the preferred design tool for UI/UX...
View ArticleClik here to view.
SolidJS adoption guide: Overview, examples, and alternatives
Solid is a lightweight JavaScript library used to build fast, performant websites. Its small bundle size and highly effective reactivity model have made it popular amongst developers — Solid even won...
View ArticleClik here to view.
Exploring Effect, a meta-state RxJS-like framework
While TypeScript does a great job of statically typing JavaScript code, certain drawbacks might arise. These drawbacks can include managing the complex nature of asynchronous code, handling types in...
View ArticleClik here to view.
Chakra UI adoption guide: Overview, examples, and alternatives
Chakra UI is a popular React component library designed to speed up and simplify UI development. It provides a set of customizable and composable components that developers can easily integrate into...
View Article
