frontend undefined

Ever since ChatGPT's release in 2022, "AI" is everywhere.

"Tests are annoying".

I have written about a variety of topics around frontend and React so far.

For the last four months, I stepped away from my usual life in Prague to help my parents with several legal and health issues in Sri Lanka.

Cookies are a very useful HTTP feature.

While building Next.js apps, we often need to create pages that render different content based on the URL parameters passed to them.

Managing state is a big part of building a React app.

Things were not off to a great start.

UPDATE: This post was easily misunderstood.

This post belongs to a series of posts about state management libraries.

This post belongs to a series of posts about state management libraries.

This post belongs to a series of posts about state management libraries.

I should have written this post two years ago while I was still in Wargaming Prague.

Many React apps use a state management library like Redux for managing state.

You might have come across the term "state management" while learning about React.

This post belongs to a series of posts about state management libraries.

When I first started working with React, Redux was pretty much the only library that was used to manage state in React.

Putting a React app online for the first time is an exciting moment.

This post belongs to a series of posts about state management libraries.

This post kicks off a series of posts about state management libraries.

If you have a React web app using React router hosted on Netlify, you might run into a "Page Not Found" 404 error page when you refresh or directly load a non root URL.

If you created a React project using Create React App or a custom project template, you might have noticed that it uses Webpack and Babel.

If you are setting up a React project from scratch, you need to setup a transpiler such as Babel and a bundler such as Webpack.

The most popular way of starting a React project is to use a project builder like Create React App (CRA) or Vite.

If your frontend project uses Vite, you need to create a production build before deploying it to production.

In the last post, I mentioned that I will be doing in-depth reviews of state management libraries for the next few months.

If you have been working with React for a while, you might have been tempted to use React context and a state hook (useState or useReducer) to manage the global state of your web app.

I first came across a right to left layout when I was Googling something on the Dubai airport WiFi a few years ago.

If your React project uses Create React App (CRA) which is installed as the react-scripts npm package, you need to create a production build before deploying it to production.

If you are using Nginx to host a React app with React Router, you might come across a 404 error when you directly load a React Router Route.

If you are using React Router in a React app, you might encounter an HTTP 404 - Not Found error when you refresh or reload a non root (/) URL.

In this post, I will walk you through how you can use docker to set up a development environment for a React project.

If you are using Docker Compose to manage the services of your application, it is convenient to use it to host the React web app itself as well.

If you want to use Docker to host your React app, you need to create a Docker image with a production build of your app and a web server to serve it.

In this post, I will walk you through how you can set up a docker image for your React app.

So you started building your React app and you realized that you need someplace to store the data.

Many developers use the terms "library" and "framework" interchangeably.

Note: Most links on this post use the wayback machine to show how a site looked like at the time. 2015 This was when my journey on the web began as I learnt HTML, CSS, JS and PHP.

If you are starting out with React, the sheer number of libraries that are used alongside it can be overwhelming.

You are making multiple calls to setState from React's useState hook.

You are trying to update the state of your React app with the useState hook.

It takes time to learn.

You know that you need to know Javascript to use React.

Learning frontend development can be overwhelming.

Despite all the tools we have for debugging frontend code, nothing beats a quick console.log to check the current state of the app.

HTML, CSS, and JS are everywhere — on mobile apps, desktop apps, and smart appliances of all shapes and sizes.

As frontend developers, we often need to choose between many libraries and tools.

Concurrent mode is an upcoming feature of React that enables you to keep your apps much more responsive during I/O or CPU bound operations.