Best of JavaScript — February 2022
- 1
- 2
Medium·4y
All in one! Javascript promises…
Javascript promises (“Can be Fulfilled | Rejected”) can be considered as the asynchronous counter part of a getter function. Javascript is a single threaded & Only one thing can happen at a time, on a single main thread. To avoid promise chaining and to write clean code, we have async & await. Async Await acts as syntactic sugar on top of promises, making asynchronous code easier to write and read.
- 3
- 4
DEV·4y
Am I Smart Enough?
Before deciding to be a software engineer, I was a fashion designer, grocery store cash office clerk, etc etc. I was never good at math or problem solving, and I certainly do not think rationally or logically in the way "engineers" do. The bootcamp does a well enough job of introducing us to the basics needed to get a job. I often find myself looking to outside resources over and over again on Youtube, Google, Github forums... and I feel like I still don't understand what is going of half of the time.
- 5
Moving from JavaScript to TypeScript
JavaScript is still one of the most popular programming languages in the world. TypeScript aims to solve a lot of the problems that JavaScript has which makes the language a lot closer to other modern programming languages. In my opinion anyone who hates JavaScript is likely to fall in love with TypeScript.
- 6
- 7
- 8
Hacker Noon·4y
9 JavaScript Design Patterns You Will Love
Design patterns are reusable solutions for common problems that occur during software development. The greatest benefits from design patterns are: Because they are used by a lot of developers, you can be sure that they work. Reduce the need for refactoring: When you write an application with design patterns in mind, it is easier to get to a clean code faster.
- 9
DZone·4y
How Good Is Node.js for Backend Development?
Node.js is a back-end and open-source coding platform that allows you to write server-side enterprise-level too scripts. The platform is efficient and lightweight. It also allows developers to code both front and back end, which acts as a boon for web development. It is extremely fast at converting Javascript code into machine code because it runs on Google’s V8 engine.
- 10
LogRocket·4y
Svelte Native vs. React Native
React Native is a cross-platform mobile app development framework that allows you to build native Android and iOS applications. Svelte Native is the opposite of the frameworks you already know and love, you’ll find out more about it further in this article. Before deciding to jump to any new framework, first determine if it’s the right one for your project.
- 11
Hashnode·4y
How I structure my Next JS Projects
Next JS automatically routes every file in the pages/ directory to a name associated with the file name. For single pages, you can just create a single file that will export a React component. There is no right or wrong way to structure a Next JS project, and this is highly opinionated.
- 12
How to Efficiently Merge Arrays in JavaScript
The safest approach is to use the concat method of an Array object to merge two Arrays. If speed is critical, you may consider using the spread syntax and the Array object’s push method. The concat function is the de-facto standard for merging arrays in JavaScript.
- 13
DevDojo·4y
Smooth CSS Gradient Transitions
All modern browsers do not natively transition colours in gradients smoothly. If we try to hover or interact with an element which transitions from one gradient to another, we end up with a sudden change. In this article, we'll cover how to smoothly animate a gradient transition with Javascript. That means creating a function which will be able to transition between two colors.
- 14
Bits and Pieces·4y
Exotic Objects in JavaScript
In JavaScript, objects can be categorized into Ordinary Objects and Exotic Objects. Exotic objects are any objects that have different internal implementations for their properties. Examples of Exotic object include Array , Proxy , String , Arguments , Modules. ES6 provides some rules by which exotic objects can only be created by following.
- 15
Flavio Copes·4y
Roadmap to become a Web Developer in 2022
Web Development is always evolving and every year in January I like to take a step back and re-evaluate and observe the ecosystem. The question is: where should beginner Web Developers start in 2022, so they will learn skills they’ll find jobs for? Is there anything new you should absolutely learn? Let’s get into it.
- 16
Currying for JavaScript Developers with Examples
Currying is a way to transform functions that accept multiple parameters into a sequential list of functions that take only one parameter each. The aim of using currying is to give us some syntactic sugar when it comes to calling our logging function. Currying in this case provides several benefits: It helps us make our code more readable by abstracting some of the less important and repeatable values.
- 17
freeCodeCamp·4y
Web Animation Performance Fundamentals – How to Make Your Pages Look Smooth
Web pages are interactive animations played back by your web browser. Every time JavaScript code changes the page, an area in the previous image is invalidated, and the browser draws a new one. When a page doesn't respond swiftly to user interactions or has jerky movements, something must be off.
- 18
How to build a Flash Title Notification with JavaScript
When a user is on another tab, flash titles are useful for drawing their attention to the website. This article is in two parts, the HTML part, and the JavaScript part. We will create a function that will change the title tag and toggle between the current page title and the new notification messages that you want to toast to the user.
- 19
Product Hunt·4y
Vizzu - Open-source JS library to build animated charts with ease
Vizzu lets you use animated charts to share insights in complex data sets as self-explanatory stories. You can embed animated reports and dashboards on your site using this dependency-free library. Vizzu takes care of data aggregation and filtering for you.
- 20
CSS Only Masonry Layouts with Grid
Masonry refers to the type of layout which is most famously used on Pinterest. It differs quite a lot from flex or grid, which have fixed row width. Masonry usually does a few things:Fill in the gaps Adjust automtically to CSS changes Create a container of the correct height. There is no support for CSS masonry in any modern browser.
- 21
SNIPCART·4y
Next.js vs. React: The Difference & Best Frontend Framework
React is the most popular JavaScript library for frontend developers. Next.js is a frontend JavaSript framework that builds upon React’s UI library. With new JavaScript frameworks and libraries coming out every year, it gets hard to keep up with the pace of the changing JS ecosystem.
- 22
Typescript·4y
Announcing TypeScript 4.6 RC
TypeScript 4.6 is now available as a Release Candidate (RC) for the latest version of the language. The RC includes bug fixes and performance improvements. It also includes a Flow Analysis for Destructured Discriminated Unions and more Syntax and Binding Errors in JavaScript.
- 23
Web Tools Weekly·4y
CSS Tools, Testing, Jamstack, CMS's
This week's newsletter includes a selection of coding-related articles. These are topics similar to what I might cover here, but are much better in a longer format. Instead of covering a single coding tip like I often do in this newsletter's intro, I thought I would link to a small handful of articles that I thought you would enjoy.
- 24
30 seconds of code·4y
What is the difference between Object.freeze() and Object.seal() in JavaScript?
Object.freeze() and Object.seal() serve as ways to prevent a JavaScript object from being altered. Both methods perform a shallow freeze/seal on the object. nested objects and arrays are not frozen or sealed and can be mutated. To prevent this, you can deep freeze objects, as described in this related article.
- 25
Languages to Learn instead, in 2022!
The world of computer programming might be confusing at times. You may want to be an app developer but struggle to find a programming language and then end up learning languages that have no use in the future. Instead of Html -> Markdown or CSS, you may stick to HTML.