Best of JavaScript β€” December 2023

  1. 1
    Article
    Avatar of devtoDEVΒ·2y

    Sharing a state between windows without a serve

    Learn how to share a state between multiple windows without a server by using Local Storage and Shared Workers. Understand the concept of Shared Workers and their role in communication between instances of the same script.

  2. 2
    Article
    Avatar of communityCommunity PicksΒ·2y

    JS Design Patterns: A Comprehensive Guide

    This post explores a range of essential design patterns in JavaScript, encompassing creational, structural, and behavioral patterns. By leveraging these design patterns, JavaScript developers can improve code reusability, maintainability, and overall system performance.

  3. 3
    Article
    Avatar of devtoDEVΒ·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.

  4. 4
    Article
    Avatar of communityCommunity PicksΒ·2y

    Rust πŸ¦€: Why JS devs are switching to it?

    Rust is gaining popularity among JavaScript and TypeScript developers. It offers a distinct memory management system, strict rules for borrowing, explicit mutability, and is a compiled language. Rust also has static and strong typing, with a focus on robust error handling.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCampΒ·2y

    Create a Virtual World with JavaScript

    Learn how to create a virtual world using JavaScript, HTML, and CSS. The course covers building a spatial graph, user-friendly interfaces, generating road borders and buildings, loading real-world data, and more.

  6. 6
    Article
    Avatar of hnHacker NewsΒ·2y

    You don't need JavaScript for that

    The article discusses the rule of least power in web development, which advocates for choosing the least powerful language suitable for a given purpose. It highlights examples of using native HTML and CSS instead of JavaScript, such as creating custom switches, using the datalist element for autosuggest, utilizing the native color picker, implementing accordions, and using dialog modals. The article also mentions future features that will further reduce the need for JavaScript.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCampΒ·2y

    Learn JavaScript by Building 21 Projects – a Major freeCodeCamp Curriculum Update

    freeCodeCamp has launched a major update to the JavaScript Algorithms and Data Structures Certification. Readers can now learn JavaScript by building 21 projects, including certification projects. The projects cover a wide range of topics and concepts, such as form validation, string and array methods, recursion, functional programming, regular expressions, object-oriented programming, and more.

  8. 8
    Article
    Avatar of astro_sourceAstroΒ·2y

    Astro 4.0

    Astro 4.0 introduces new APIs, faster builds, redesign documentation, and a unique new development tool called the Astro Dev Toolbar. It also includes features like internationalization routing, incremental content caching, and new view transition APIs.

  9. 9
    Article
    Avatar of devtoDEVΒ·2y

    Personal Roadmap for becoming a better software developer in 2024

    Suggestions to become a better software developer: focus on building a strong foundation, learn data structures and algorithms, improve communication and writing skills, solve problems on LeetCode and HackerRank, be active on LinkedIn, enhance frontend skills, create a new portfolio, invest in courses and books, prioritize consistency and discipline.

  10. 10
    Article
    Avatar of communityCommunity PicksΒ·2y

    you-dont-need/You-Dont-Need-Lodash-Underscore: List of JavaScript methods which you can use natively + ESLint Plugin

    Learn about native alternatives to Lodash/Underscore JavaScript methods and how to identify places in your code where you don't need them.

  11. 11
    Article
    Avatar of 80lv80 LEVELΒ·2y

    This Relaxing Driving Game Takes You on Endless Journey

    Slow Roads is a relaxing driving game that allows players to embark on an endless journey by following the road. It offers customizable surroundings and vehicle options. The creator aims to improve the game's UI, add new features, and enhance environmental details in the future.

  12. 12
    Article
    Avatar of asayerasayerΒ·2y

    Creating an API with Bun

    Learn how to use Bun, a new JavaScript runtime, to create a full API. Explore the features of Bun, set up your development environment, create a database, implement services and controllers, and set up a Bun-Elysia server.

  13. 13
    Article
    Avatar of communityCommunity PicksΒ·2y

    An Extensive Guide to JavaScript Design Patterns

    JavaScript design patterns provide repeatable template solutions for frequently occurring problems in JavaScript app development. Creational, structural, behavioral, concurrency, and architectural design patterns are the major classifications of JavaScript design patterns.

  14. 14
    Article
    Avatar of devtoDEVΒ·2y

    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.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCampΒ·2y

    How to Use Async/Await in JavaScript – Explained with Code Examples

    Learn how to use async/await in JavaScript to handle promises without using .then() and .catch() method chaining. The async/await syntax makes your code cleaner and clearer, reducing the need for nested callbacks.

  16. 16
    Article
    Avatar of communityCommunity PicksΒ·2y

    JavaScript Fullstack WEB App: Nextjs & Docker

    Learn how to create a simple yet complete full stack app using Next.js, Tailwind CSS, Node.js, Express, Prisma, PostgreSQL, Docker, and Docker Compose.

  17. 17
    Article
    Avatar of freecodecampfreeCodeCampΒ·2y

    Learn REST APIs by Building a JavaScript Project

    Learn about REST APIs and how to make requests and handle responses from them as a JavaScript developer.

  18. 18
    Article
    Avatar of communityCommunity PicksΒ·2y

    I Am Happy Not To Be A Web Developer Anymore

    Web development has become complex with numerous frameworks and constant changes, making it challenging to keep up and maintain applications.

  19. 19
    Article
    Avatar of communityCommunity PicksΒ·2y

    Stop nesting ternaries in JavaScript

    The article discusses the issue of nested ternaries in JavaScript and argues for avoiding their use. It highlights the drawbacks of nested ternaries in terms of readability and suggests alternative approaches to make code clearer and easier to understand. It also mentions the necessity of nested ternaries in JSX and provides recommendations for minimizing nesting and prioritizing clarity over brevity.

  20. 20
    Article
    Avatar of devtoDEVΒ·2y

    Observer Pattern for Beginners

    The observer pattern is a widely used behavioral design pattern that allows objects to subscribe and receive updates about events happening in the object they are observing. It achieves loose coupling between the observer and observable. The key components of the observer pattern are the observable (object being observed) and the observer (object interested in state changes of the observable).

  21. 21
    Article
    Avatar of communityCommunity PicksΒ·2y

    Error Handling in JavaScript - The Complete Guide

    Learn everything you need to know about error handling in JavaScript. Understand how to handle errors in both synchronous and asynchronous code.

  22. 22
    Article
    Avatar of freecodecampfreeCodeCampΒ·2y

    How to Manipulate the DOM in JavaScript – Most Commonly Used Techniques

    Learn about common techniques for manipulating the DOM in JavaScript, such as changing the content of an element, manipulating the class attribute, and setting CSS styles.

  23. 23
    Article
    Avatar of medium_jsMediumΒ·2y

    9 Ways to Loop Arrays in JavaScript

    Learn 9 effective ways to loop through arrays in JavaScript, including the classic for loop, forEach method, for...of loop, map method, while loop, do...while loop, for...in loop, reduce method, and filter method.

  24. 24
    Article
    Avatar of freecodecampfreeCodeCampΒ·2y

    innerHTML vs innerText vs textContent – What's the Difference?

    Learn about the differences between innerHTML, innerText, and textContent properties in HTML and how they handle HTML markup and content. Be cautious when using innerHTML due to security risks. innerText focuses on rendered text content, while textContent ignores HTML tags and includes hidden content. Update content using all three properties.

  25. 25
    Article
    Avatar of devtoDEVΒ·2y

    Understanding Virtual DOM in React

    A comprehensive guide to understanding the virtual DOM in React, including its implementation and drawbacks of updating the real DOM.