Best of JavaScript — February 2024

1. 1
   Article

   freeCodeCamp·2y

   Master React by Building 25 Projects

   Learn React and build 25 projects to enhance your understanding of React's capabilities. Course covers various projects including accordion, random color generator, star rating, image slider, and more. Watch the full course on the freeCodeCamp.org YouTube channel.

   899

   19
2. 2
   Article

   Community Picks·2y

   Let's get animating!

   This article covers GSAP's core fundamentals and provides an introduction to animating HTML elements using GSAP. It explains the different types of tweens and the properties that can be animated. The article also emphasizes the use of transforms and opacity for smoother animations.

   614

   25
3. 3
   Article

   DEV·2y

   Goodbye Electron. Hello Tauri!

   Learn about Tauri, a Rust-powered backend framework paired with a React frontend for creating standalone desktop applications. Discover its advantages, including smaller binary sizes compared to Electron.

   552

   49
4. 4
   Video

   Fireship·2y

   They made React great again?

   React has made significant improvements with the introduction of a compiler, eliminating the need for certain features like 'useMemo' and 'forwardRef'. The major frameworks are becoming more similar, leading to a call for a standardized framework.

   536

   34
5. 5
   Article

   DEV·2y

   100+ JavaScript Projects With Source Code

   Discover a variety of JavaScript projects with source code, ranging from beginner-friendly to advanced. Enhance your programming skills and knowledge by exploring different project ideas. Start building something amazing!

   452

   10
6. 6
   Article

   DEV·2y

   JWT explained in 4 minutes (With Visuals)

   Explanation of JWT authentication, its structure, advantages, and disadvantages.

   427

   11
7. 7
   Video

   Theo - t3․gg·2y

   React 19 Is Finally Coming

   420

   25
8. 8
   Article

   Community Picks·2y

   Vite 5.1 is out!

   Vite 5.1 has been released with improvements in support for .css files, the addition of the Vite Runtime API, and various performance improvements.

   377

   13
9. 9
   Article

   DEV·2y

   NodeJS Security Best Practices

   Learn how to improve the security of your NodeJS application by using packages like helmet for preventing attacks, toobusy-js for preventing DOS attacks, and express-rate-limit for rate limiting.

   268

   7
10. 10
    Article

    Community Picks·2y

    React 19 Will Be Compiled

    React 19 will introduce auto-memoization to fix the main issues with hooks in functional components. The evolution of React from class components to functional components led to the need for memoization. Memoization plays a significant role in improving performance in React applications.

    261

    27
11. 11
    Article

    Community Picks·2y

    Web Development Tutorials and Training for JavaScript, HTML, and CSS.

    Learn web development with tutorials and training in JavaScript, HTML, and CSS. Browse coding languages, explore skill paths, and stay up-to-date with current practices and technologies.

    201

    13
12. 12
    Article

    Community Picks·2y

    5 Proven JavaScript Strategies for Developers

    Learn 5 proven JavaScript strategies to enhance your coding abilities, optimize your code, and make it more efficient.

    196

    22
13. 13
    Article

    DEV·2y

    🍿 Lazy loading

    Lazy loading is a technique used to tackle the issue of a large bundle size in a bundler. It involves breaking down an app into smaller logical chunks and loading components only when they are requested. Lazy loading is also known as chunking, code splitting, dynamic import, dynamic bundling, and on-demand loading.

    107

    2
14. 14
    Article

    freeCodeCamp·2y

    How to Use LocalStorage in JavaScript

    Learn how to use local storage in JavaScript to persist data in web applications. Discover the differences between local storage and session storage, and the benefits and limitations of using local storage.

    106

    4
15. 15
    Article

    DEV·2y

    Async and Await in JavaScript: A Comprehensive Guide

    Learn about the 'async' and 'await' keywords in JavaScript, which are used for handling asynchronous operations. Understand how they work, their advantages over callbacks and promises, and how they can be used in front-end development and Node.js. Includes examples and advanced patterns.

    101

    4
16. 16
    Video

    Fireship·2y

    Expo in 100 Seconds

    Expo is an open-source toolset for building universal native apps on iOS, Android, and the web with a single React codebase. It allows web developers to write mobile apps using JavaScript and provides features such as hot reloading, file system-based routing, and integrations with native APIs.

    98

    2
17. 17
    Article

    DEV·2y

    Here is my coolest portfolio

    The post discusses the author's experience revamping their portfolio website using Tailwind CSS, GSAP, and Next.js. It highlights the importance of learning DSA in programming and emphasizes the significance of showcasing projects and work experience in a portfolio.

    98

    19
18. 18
    Article

    DEV·2y

    Introducing Tempo • A new date library for JavaScript (and TypeScript).

    Tempo is a full-featured date library for JavaScript and TypeScript that offers support for formatting, parsing, and manipulating dates. It provides unique features such as converting a `dateStyle` to tokens, using timezones, and extracting token ranges from `Intl.DateTimeFormat`. Tempo aims to provide a better documentation experience and offers a small core size with expandable functionality.

    92

    3
19. 19
    Article

    freeCodeCamp·2y

    How Destructuring Works in JavaScript – Explained with Code Examples

    Learn how destructuring works in JavaScript for arrays and objects, and improve your code readability and simplicity.

    90

    3
20. 20
    Article

    DEV·2y

    Embarking on a 100-Day Journey with JavaScript! 🚀

    A 100-day JavaScript adventure covering fundamentals, code quality, objects, data types, advanced function techniques, object property configuration, prototypal inheritance, JavaScript classes, error handling, promises, async/await, generators, modules, and miscellaneous topics.

    89

    4
21. 21
    Article

    Medium·2y

    10 CSS One-Liners to Transform Your Web App

    Learn 10 CSS one-liners that can transform your web app in just a few minutes. Topics include centering divs, creating free flowing elements, positioning elements in the DOM, universal box sizing, responsive images, centering elements, creating custom checkbox styles, making text smoother, clearing floats, and resetting all styles.

    87
22. 22
    Article

    freeCodeCamp·2y

    What is Strict Mode in JavaScript? Explained with Examples

    Learn about strict mode in JavaScript, how to enable it, and the differences between strict mode and regular JavaScript.

    86

    2
23. 23
    Article

    freeCodeCamp·2y

    JavaScript Fetch API For Beginners – Explained With Code Examples

    Learn how to make HTTP requests to external APIs using the Fetch API. This article covers how the Fetch API works, sending GET and POST requests, and using async/await syntax. Check out the code examples and a summary of the Fetch API.

    84

    2
24. 24
    Article

    Community Picks·2y

    Advance Your JavaScript Skills with Practical Web Projects

    This post covers advanced features of JavaScript, functional programming, object-oriented programming, working with browser APIs, and more.

    81

    2
25. 25
    Article

    freeCodeCamp·2y

    How to Use the Geolocation API in JavaScript – with Code Examples

    Learn how to use the Geolocation API in JavaScript to retrieve user location data and provide relevant services. Explore the getCurrentPosition() and watchPosition() methods, along with the options object for customization. Improve your web application's functionality with geolocation.

    79

    4