Frontend undefined

Naming things is hard.

I eventually called this blog "Frontend undefined" because we keep coming up with new ways to build on the web. And because we still run into cannot read property of undefined errors.

Prabashwara Seneviratne (bash)

Prabashwara Seneviratne (bash)

Lead frontend developer

On this blog, I share the best practices I found for working with React and building better web apps

By signing up, you will receive helpful posts directly to your inbox that can help you avoid common traps and get more done.

Lessons from a bad React codebase

Integrating plain JS components
New series: Lessons from a bad React codebase

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

Building PC game UIs using React
8 years of frontend
It takes time