Libraries
One of the biggest frontend libraries is React. This way I get relevant experience when experimenting with my hobby projects. React itself is a library and not a framework, but the makers of React urge people to use a framework. Vite can be used to create a React application from scratch easily.
HTMX is an alternative that takes a completely different approach to web development.
Sources
Frameworks
Deployment
This is one of the bigger open questions that I don’t immediately know the answer to. How do I properly deploy a Frontend application?
Project Ideas
A tool to visualise Google Search Console statistics. The advantage of this particular project is that it doesn’t strictly need a backend. Everything can be handled by the frontend. (Your app doesn’t necessarily need a backend)
Charts and Graphs
I’ve decided to not investigate too much and just go for a charting library which ended up becoming Recharts.
- Chart.js in React by LogRocket
- 8 React chart libraries by LogRocket
- MUI X Charts: React charting library
- 📊 D3 and 📊 Observable Plot, both by Observable
- D3: low-level data visualisation
- Plot: exploratory data visualisation
Vite
Native modularised development for JavaScript in the browser. Most tools before Vite, such as Webpack, were used to ‘bundle’ the source. This meant processing all the JavaScript files to work in the non-modularised way that browsers handled JavaScript.
(source)
The name comes from the French word for “quick”, so it’s pronounced /vit/.