Best of JavaScript — 2023
- 1
- 2
Community Picks·3y
Bun 1.0
Bun is a fast, all-in-one toolkit for running, building, testing, and debugging JavaScript and TypeScript. Bun's goal is to eliminate slowness and complexity without throwing away everything that's great about JavaScript. Bun is tested against test suites of the most popular Node.js packages on Node.
- 3
Frontend Developer Roadmap
Front-end development is the development of visual and interactive elements of a website that users interact with directly. It's a combination of HTML, CSS and JavaScript, where HTML provides the structure, CSS the styling and layout, and JavaScript the dynamic behaviour and interactivity.
- 4
freeCodeCamp·2y
What's New in JavaScript in 2023 – Changes with Code Examples
ECMAScript 2023 introduces changes to JavaScript that make programming easier. The changes include the Object.groupBy method for grouping objects based on a property value, the Array.toSliced(), Array.toSorted(), and Array.toReversed() methods for manipulating arrays without mutating the original array, and the findLast() and findLastIndex() methods for finding the last element or index in an array that satisfies a condition.
- 5
Robin Wieruch·3y
10 Web Development Trends in 2023
The most popular meta framework called Next.js comes on top of React.js. SSR is all over the place when working with JavaScript frameworks these days. Other meta frameworks like SvelteKit are catching up. SSR has been competing with static site generation (SSG) for a while for the perfect performance.
- 6
Why Signals Are Better Than React Hooks
Discover the benefits of using signals over React hooks, including simplified usage, improved performance, and eliminating complex rules. Signals handle dependencies automatically and can be used anywhere in or outside of a component. Performance metrics have shown significant speed improvements with the use of signals.
- 7
DEV·3y
Writing Clean Code: Best Practices and Principles
Clean code is code that is easy to read, easy to understand, and easy to modify. Clean code follows a set of conventions and best practices that make it more consistent, making it easier for multiple developers to work on the same project seamlessly. Code that is difficult to understand is more prone to errors during modifications or enhancements.
- 8
- 9
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.
- 10
Introducing freeCodeCamp Press – Free Books for Developers
FreeCodeCamp has published more than 10,000 tutorials over the years. Now we're publishing more comprehensive books and handbooks that will teach you everything you need to know to get started with a certain programming language or tool. The freeCodeCamp community publishes shorter, more focused guides that aim to answer a specific question.
- 11
- 12
Syncfusion·3y
JavaScript SOLID Principles: How to Write Maintainable Code
Learn how to apply SOLID principles to write maintainable code in JavaScript. Explore the single responsibility principle, open-closed principle, Liskov substitution principle, interface segregation principle, and dependency inversion principle.
- 13
- 14
Hacker Noon·3y
Mastering JavaScript Shorthands
We'll explore the art of JavaScript shorthands - nifty techniques that make your code more concise and elegant. We'll dive into real use case examples in both vanilla JavaScript and shorthand form. The Ternary Operator: Conditional Assignment Use Case.
- 15
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.
- 16
builder.io·3y
Use Maps More and Objects Less
Objects in JavaScript can be replaced with maps for better performance, easier iteration, and key-value manipulation. Maps are optimized for frequently adding and removing keys, unlike objects. They also solve issues of objects being polluted with built-in keys and provide better iteration methods. Maps can be easily copied, converted to objects, and vice versa. They can also be used for associating metadata with objects. Sets, another similar data structure, provide a better-performing way to create unique lists of elements.
- 17
JavaScript One-Liners to Use in Every Project
Learn essential one-liners in JavaScript for tasks like capitalizing text, calculating percent, getting a random element, removing duplicates, sorting elements, checking equality, counting occurrences, waiting for a certain time, plucking property from an array of objects, and inserting an element at a certain position.
- 18
Advanced TypeScript
This is a constantly updated collection of articles you can find on this site. Each article stands on its own, as you see familiar concepts in a new light. You learn: - Union types and as types - Value types (or literal types) Symbol in JavaScript and TypeScript # Symbols are a very unique type in JavaScript.
- 19
JavaScript in Plain English·3y
I Bet You Don’t Use These JavaScript Tricks and Practices
I Bet You Don’t Use These JavaScript Tricks and Practices. Using FlatMap Flat Map in javascript is a great technique which you can learn here. Not using native Javascript classes enough Javascript comes pack with native javascript classes that can help you create/instantiate things like URL, Headers and Headers.
- 20
- 21
OOP Design Patterns in Javascript
The Command Pattern turns a request or operation into a standalone object. The Strategy Pattern defines a family of interchangeable algorithms. The Flyweight Pattern reduces memory consumption by sharing common parts of objects. The Observer Pattern establishes a one-to-many dependency between objects.
- 22
Medium·3y
A Front-End Application Folder Structure that Makes Sense
The goal is to apply some kind of modularisation that will make the codebase easier to understand by setting boundaries between features and minimizing code coupling and side effects. By default when scaffolding a new project using one of the popular front-end frameworks the component structure is flat and follows no hierarchy whatsoever.
- 23
Patterns
A collection of animation techniques built using CSS or JavaScript with considerations for accessibility and user preferences. You can use the code in these examples to help ensure your projects stay on the right track. This collection includes patterns that are often tricky to implement without hurting your Core Web Vitals scores.
- 24
Bun vs Node.js: Everything you need to know
Bun v1.0 is a super fast all-in-one toolkit for JavaScript and TypeScript apps. The beauty of Bun lies in its ability to streamline the development process, making it smoother and more efficient than ever. Bun is designed as a faster, leaner, more modern replacement for Node.js.
- 25
asayer·3y
5 Tips To Improve Your TypeScript Code
TypeScript is rapidly gaining popularity as a way to write type-safer, maintainable JavaScript code. This article will cover five tips that will help you improve your TypeScript code. To get the most out of this text and become a great developer, you must have sufficient knowledge of JavaScript, including variables, data types, and methods.