Kapeel Kokane

  Coder by day, content creator by night, learner at heart!


20 Stories by Kapeel Kokane

The modern guide to React state patterns

Learn today's options for managing state in React applications, including built-in hooks and third-party libraries like Redux and MobX.
8 10 min read

Getting started with Pico CSS

Pico CSS discourages using a large number of .classes in your application. Instead, it styles the semantic HTML elements in such a way that...
0 8 min read

Implementing React state management with Signia

Signia uses primitives called signals for state management, which can efficiently calculate computed values by performing incremental calculations.
0 9 min read

Working with the app directory in Next.js 13

The new app directory in Next.js 13 works alongside the pages directory to support incremental adoption.
6 9 min read

Top React boilerplates of 2023

Discover and compare five of the top React boilerplates, pieces of code that act as a starting point for beginning development.
0 11 min read

Storybook visual regression testing with Lost Pixel and React

Explore using Lost Pixel in your projects for detecting UI regressions. List Pixel is an open source tool that renders and compares actual images...
0 5 min read

Hacker News client with Chakra UI and Next.jsĀ 

Build a Hacker News client that is responsive for mobile view, is server-side rendered, and supports pagination.
2 8 min read

Push notifications with React and Firebase

Learn how to enable push notification in React with Firebase in this step-by-step tutorial and example build.
13 6 min read

react-three-fiber: 3D rendering in the browser

Build simple React apps and use react-three-fiber and three.js to incorporate 3D browser rendering. Here's how.
1 8 min read

Build progressive micro-frontends with Fronts

Front's minimal configuration and its flexibility are currently unmatched. It is definitely worth considering as a framework of choice for your next micro-frontends project.
0 6 min read

Building flowcharts with GoJS

Easily create complex, interactive flowcharts in JavaScript using GoJS. Seamlessly display data by creating Nodes, defining links, and ordering the hierarchy.
0 5 min read

Stackblitz WebContainers: Run Next.js inside the browser

Run Next.js natively using Stackblitz WebContainers, which makes it easy to create, share, and deploy fullstack applications without needing your local development environment.
0 5 min read