Best of Frontend Development — December 2023
- 1
- 2
DEV·2y
Fetch API, do you really know how to handle errors?
Learn how to handle errors when using the Fetch API and understand the best practices for error handling. Discover different approaches, such as using try/catch and checking the response status, and how to combine them for better error handling.
- 3
builder.io·2y
Next.js 14: Layouts vs Templates
Next.js 14 introduced layouts and templates for building UI in web applications. Layouts act as persistent UI shells that wrap around pages, while templates remount with each page transition. Layouts ensure consistency, maintain state, and boost performance, while templates provide isolation, behavioral flexibility, and the ability to alter default behaviors. Choosing between layouts and templates depends on the specific needs of each page and the desired balance between user experience and performance.
- 4
- 5
Frontend Development in 2024: Crafting a Dynamic Skillset for Success
Explore the essential skills and technologies shaping the frontend realm in 2024. Master HTML, CSS, and JavaScript, embrace React and state management libraries, optimize web performance, understand backend environments, and prioritize Core Web Vitals. Continuous learning is crucial.
- 6
- 7
- 8
Tailwind CSS - Beginner's Guide: Where to Start?
Explore the essentials of Tailwind CSS and learn where to start. Understand its utility-first approach, explore the documentation, and discover the pros and cons. Build your first project with Tailwind CSS and embrace its simplicity and flexibility.
- 9
- 10
freeCodeCamp·2y
The Best Go Tools to Use for Your Frontend Projects
Explore essential Go tools for frontend projects, including Fiber for performant web frameworks, Buffalo for holistic web development, Grift for task automation, Gomponents for creating web UI components, and Present for creating slide decks and presentations.
- 11
How to manage user authentication With React JS
Learn how to manage user authentication in React JS with a comprehensive guide covering authorization, authentication, and session management. Set up a React project, build a login component, create authentication logic, protect routes with authorization, and integrate APIs. Improve your understanding of the Context API and React Router for seamless and secure user authentication in React applications.
- 12
How To Build a Web Application with HTMX and Go
Learn how to create a web application with HTMX and Go using the babyapi library. HTMX extends HTML with functionality that normally requires JavaScript, making it a perfect companion for babyapi. This tutorial walks you through the steps of implementing an HTMX frontend in babyapi, including creating the TODOs API, responding with HTML instead of JSON, creating the All TODOs page, implementing server-sent events, and adding final touches. The tutorial also mentions the storage layer and suggests further extensions you can implement.
- 13
Community Picks·2y
Bun adoption guide: Overview, examples, and alternatives
Bun is a JavaScript runtime that provides a faster development experience for frontend applications. It offers features such as a built-in bundler, compatibility with Node.js APIs and npm packages, fast execution and hot reloading, support for TypeScript and React, and easy debugging. Bun is faster than both Node.js and Deno in benchmarks. It aims to be a better alternative to Node.js, offering similar APIs but with improved speed and ease of use. It also supports npm, unlike Deno which initially lacked compatibility. Bun is a great choice for developers who want a fast and efficient JavaScript runtime for their projects.
- 14
