Best of JavaScript — November 2022
- 1
- 2
Medium·3y
Say bye bye to bad javascript practices
Some small practices in programming can have a continuously negative impact on the code we write and the product we create as the end result. It’s important to share what they are and why you should avoid them at all costs. Here are a few tips and reminders to help you write code comments like a pro.
- 3
DEV·4y
An animated guide for Node.js event loop
Node.js is single-threaded, but what does it mean in practical terms? We will explore it by following this piece of code step by step. The V8 JavaScript engine manages a call stack, an essential piece that tracks which part of our program is running. The event loop connects the queue with the call stack.
- 4
Community Picks·3y
React - Best Practices
In JavaScript, you can adopt ES6 syntax to make your code cleaner. Don't Forget key Prop With map in JSX Always assign a unique value to the prop to every JSX element while mapping from an array. Use Ternary Operator instead of if/else if Statements makes your code bulky.
- 5
5 websites to learn Frontend-web development faster
In this article, I have curated 5 resourceful sites that will help you better you web development skills really fast. Exercism gives you the same path of study with extra challenges to help you grow faster. Below is a roadmap to master the fundamentals of JavaScript using this site.
- 6
JavaScript Under The Hood: Advanced Concepts Developers Should Know
In JavaScript, the scope goes from outer to inner. This means that variables declared in the outer scope can be accessed in all inner scope, not vice versa. When console.log (sport) was run, it attempted to locate the variable declaration in the favoriteSport function. The external reference point is determined by where your function is lexically positioned. For example, favoriteSport() is Lexically positioned not within function otherSport.
- 7
gitconnected·3y
Javascript Design Patterns
Singleton design pattern exposes a single instance that can be used by multiple components. Singleton Pattern can be considered the basics of global state management libraries such as Redux or React Context. The factory pattern is preferred in cases where the object creation process depends on dynamic factors.
- 8
- 9
- 10
Is Flutter better than React Native?
Flutter and React Native are natural competitors as two of the most used multi-platform mobile app frameworks. The answer lies not in the technical aspects of React Native and Flutter at all. Hiring developers is famously difficult right now, but the pool of developers to draw from is far larger than Flutter's.
- 11
freeCodeCamp·4y
TypeScript for React Developers – Why TypeScript is Useful and How it Works
The idea behind this article is to go through the basics of TS and understand the benefits of TypeScript. In the second section of this article, I will cover the specifics of TS with React. This should help you decide if you want those benefits or not.
- 12
Programming in TypeScript – Full Course
TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. This is because TypeScript uses a static type system, which means that the type of a variable is checked before the code is executed. TypeScript can be used to develop large-scale JavaScript applications.
- 13
Goodbye Typescript, hello native typing for Javascript ✨
Typescript, hello native typing for Javascript, it has many advantages: better DX (through intellisense auto-completion), better code documentation, less time consuming errors. The State of the Octoverse 2022 shows the impressive popularity ofTypescript in 2022, which means this need to evolve becomes almost mandatory.
- 14
- 15
Bits and Pieces·3y
Clean Up Code Smells with Clean Code: TypeScript Edition
Code smells are a result of unclean or misguided programming. Code smells have many severities, from minor code smells to code smells that maybe acceptable. Clean Up Code Smell with Clean Code: TypeScript Edition Common Code Smells in JavaScript and TypeScript and How To Fix Them What is a code Smell?
- 16
Creating a Discord bot with JavaScript and hosting it
This guide will show you how to make a discord bot with JavaScript and host it for free. You will need some basic knowledge of JavaScript and Node.js to follow along with this guide. Getting Started first, we need to get the discord.js token and create an application.
- 17
SitePen·3y
The Basics of Proxy
Proxy gets its name because it acts as the Proxy or middle-man for your target object and your handlers. The target object isn't modified, and changes to that target won’t invoke any Proxy intercept handlers. Other parts of our application can update this proxied object and our listener callback will let us know that changes have happened. It’s up to us to determine how to handle those changes.
- 18
Syncfusion·3y
JavaScript Debounce vs. Throttle
JavaScript Debounce and throttling are two simple, yet powerful techniques we can use in JavaScript applications to improve performance. In this article, I will introduce debounce and throttle in JavaScript, and discuss why we need to use them. The concept of debounce is pretty straightforward.
- 19
- 20
As a Front-End Engineer: 8 Useful Npm Coding Techniques That You Should Use
Npm can help you achieve this goal quickly. You only need to run to quickly open's documents 2.# Open a package’s documentation page My friends, it would have saved me a lot of time if I had known this trick earlier.
- 21
Tidy up your ES6 imports
Barrel Pattern A barrel is a way to roll up exports from several modules into a single module. The barrel itself is a module file that re-exports selected exports of other modules. For each folder where we want a common export, we create an file that will contain the exports for every file of the folder.
- 22
AlpineJS - the new kid on the block
AlpineJS allows you to add functionality to your web application without worrying about build steps and configurations. It has a simple syntax for adding javascript inline with your elements. It's the bee's knees, the cat's pajamas, fun and dandy like cotton candy.
- 23
- 24
LogRocket·3y
Create parallax scrolling with CSS
Parallax scrolling is a computer graphics technique in which background images move past the camera more slowly than foreground images. The technique grew out of the multiplane camera technique used in traditional animation in the 1930s. The secret to this method is to use a background image for a section and fix its position. When the user scrolls through a particular section, the background does not scroll by, but the other elements do.
- 25
