Frontend undefined

Frontend is hard.

On this blog, I write about the things that helped me survive.

Prabashwara Seneviratne

Prabashwara Seneviratne

(bash)

By signing up you will receive new posts directly to your inbox.

Surviving Frontend

Learning to love tests
Surviving frontend

State Management

A guide to state management in Next.js
Reflections on managing state
XState in React: Look Ma, no useState or useEffect!
Proxy state management: MobX vs Valtio
What the heck is atomic state management?
Do you need a state management library?
What is state management in React?
Why is Zustand a community favorite?
A handpicked list of state management libraries for React
How much code can Tanstack Query save?
A brief history of state management libraries for React
Why React Context is not great for global state

Summaries

A summary of libraries that are commonly used with React

Tutorials

How to fix a 404 Page Not Found error when using React router on Netlify
How to build a Vite project for production
How to set up a React project from scratch with Webpack and Babel
How to build a Create React App (CRA) project for production
How to fix a 404 Not Found error when refreshing a React app
How to fix 404 errors when using React Router with Nginx
How to use Docker to setup a React development environment
How to use Docker Compose to host a React web app
How to dockerize a React web app

Working with Next.js

Working with URL parameters in Next.js
Working with cookies in Next.js

Answers

What does Webpack and Babel do in a React project?
How to set up a backend for a React app?
Is it a library or a framework?
Do you need to know Javascript to learn React?
How much Javascript do you need to know to learn React?
How to pick a frontend library or tool?

React Demystified

White screen after deploying your React app? Here's the fix
Is your React useState hook not updating state immediately? Here's how to fix it
Why multiple calls to set state with the React useState hook don't work
console.log printing twice in React? That is React StrictMode in action

Working with React

Building a sample React app
Right to left (RTL) layouts

Snippets

Basic webpack config for a React project
Sample Dockerfile for hosting a React web app

Talks

Building PC game UIs with web tech (WebExpo 2022)
Building responsive web apps with concurrent mode in React

Essays

2 years of writing a frontend blog (among other things)
The wrong way to integrate plain JS components into a React codebase
Building PC game UIs using React
8 years of frontend
It takes time