Best of Frontend Development — March 2023

1. 1
   Article

   Medium·3y

   Send large files from frontend to the backend

   Learn how to send large files from frontend to backend using FileReader in JavaScript. Split the file into small chunks and stream them to the backend. Send the file name as a query parameter for unique identification.

   188

   9
2. 2
   Article

   ByteByteGo·3y

   From 0 to Millions: A Guide to Scaling Your App - Part 3

   In the final two parts of this series, we examine the impact of recent trends like cloud and serverless computing. We explore how these trends alter the way we build applications, especially for early-stage startups where time-to-market is critical, and provide insights on how to incorporate these modern approaches when creating your next big hit.

   87

   2
3. 3
   Article

   Bits and Pieces·3y

   Use Generics in TypeScript to Improve Your Code

   Use Generics in TypeScript to Improve Your Code to Improve your Code to improve your code. Generics are a programming language feature that allows you to create code that can work with multiple types of data. This means that you can write a function or class that can accept any type of data, rather than a single type.

   81

   4
4. 4
   Article

   Honeypot·3y

   Astro: How Good Is the New JavaScript Framework?

   Astro is a new JavaScript multi-page application framework that aims to make content-focused websites faster. It uses an Island Architecture to prioritize interactivity and lazy loads client-side JavaScript. Astro is suitable for content-focused websites with minimal client interactions.

   50

   2
5. 5
   Article

   Community Picks·3y

   Defensive CSS

   Learn how to defend the layout in case of long user-generated content and achieve consistency using defensive CSS techniques. Also, discover the importance of truncating text and sharpen your CSS skills.

   46

   10
6. 6
   Article

   web.dev·3y

   6 CSS snippets every front-end developer should know in 2023

   Learn about container queries, scroll snap, grid positioning, creating circles, cascade layers, and logical properties in CSS.

   40

   3
7. 7
   Article

   asayer·3y

   Theming With Tailwind CSS

   Learn how to create multiple themes in a Tailwind CSS application and toggle between them using a switch.

   38

   2
8. 8
   Article

   Medium·3y

   Mastering React useEffect Hook: A Comprehensive Guide

   A comprehensive guide to mastering the React useEffect hook, which allows developers to handle side effects, manage component life cycles, and execute code only when specific changes occur. Covers basic syntax, running effects conditionally, cleaning up effects, using multiple effects, and common use cases such as updating the document title, fetching data from an API, subscribing and unsubscribing to events, and animating components.

   25
9. 9
   Article

   Semaphore·3y

   Building an Error Handling Layer in React

   Learn how to add an error handling layer to your React application. An error handling layer allows you to catch and handle errors, preventing crashes and improving user experience. Two approaches are explored: using error boundaries in React and using the react-error-boundary library.

   23

   2
10. 10
    Article

    Community Picks·3y

    How to easily get started with ThreeJS - Part 1

    Learn how to easily get started with ThreeJS in this tutorial. Create a scene, add a camera and mesh, and render the scene to see a 3D cube on the page.

    22