I recently posted a lot of visual JavaScript tips, explanations, and algorithm implementations. 💛

Here is a collection of them. 📖

They will definitely help developers of any skill level to learn something new.

A thread. ↓ 38 visual JavaScript tips, explanations, and algorithm imple
1. The Nullish Coalescing Operator .
2. Strict Equality Comparison > Abstract Equality Comparison .
3. Numeric Separators .
4. Quickly Filter Out All Falsy Values From An Array .
5. Automatic Semicolon Insertion .
6. Get All Unique Values From An Array .
7. The Destructuring Assignment .
8. Array Destructuring .
9. Use Array Destructuring To Swap Two Variables .
10. Destructuring From A Possibly Undefined Property .
11. Get The Last Items Of An Array .
12. Swap Elements Within An Array With Destructuring .
13. Destructure An Object Into Existing Variables .
14. Destructure Function Parameters To Increase Readability For Users .
15. Make Arguments Required By Using Default Parameters .
16. Anatomy Of A For Loop .
17. Anatomy Of A While Loop .
18. The Performance API .
19. Anatomy Of A Do-While Loop .
20. Spreading Sparse Arrays As Arguments .
21. Prevent An Object Key From Being Enumerable .
22. A Memoized Fibonacci Function .
23. How To Format The Output Of JSON .stringify .
24. How To Create A Cancelable Promise Delay .
25. A Lazy Range Function .
26. A Python-Like Range Function .
27. Sum Up Array Values With Reduce .
28. Make Objects Immutable With Freeze .
29. Make Arrays Immutable With Freeze .
30. Infinitely Flatten An Array .
31. Anatomy Of A For-Of Loop .
32. Anatomy Of An Object Destructuring Assignment .
33. Anatomy Of Array .prototype .map .
34. Short Circuit Evaluation With The Logical AND .
35. Short Circuit Evaluation With The Logical OR .
36. Use Array Spreading To Keep Arrays Immutable .
37. Anatomy Of Array .prototype .flatMap .
38. Anatomy Of Array .prototype .forEach .

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Oliver Jumpertz

Oliver Jumpertz Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @oliverjumpertz

16 Sep
Do you know what many dApp developers struggle with?

Which data to put on-chain. More data on the chain can drive the cost up. Too much data might render your app unusable. Storing fewer data might not be an option.

Here are some ideas for you to fix this.

A thread. ↓
1. Use A Dedicated Database

This approach will make your dApp into an app.

If you bring in central data storage, you can circumvent the limits of some blockchains, but it doesn't keep the promise of being decentralized.
You can store anything that you can't store on-chain in your database and associate it with a user.

Whenever you need that type of data, you fetch it from your database.
Read 13 tweets
16 Sep
I regularly post visual content about JavaScript. And at the moment, this content is a lot about algorithms.

Now it's time for a collection of many of those visuals for any developer interesting in algorithms with JavaScript!

A thread. ↓
1. Check For Palindrome .
2. Reverse A String .
Read 23 tweets
14 Sep
Do you want to get into Web 3.0 as a web developer and take the next step on your awesome journey?

Perfect! 🔥

Time for a small introduction to Web 3.0 development with JavaScript and ethers.js!

A thread. ↓
0. What Is ethers.js?

ethers.js is a JavaScript library that allows you to interact with the Ethereum blockchain, as well as its ecosystem.

Simply stated: You can access your wallet, send transactions, and interact with smart contracts through it.
1. Installation

Let's assume that you already have a JavaScript (frontend) project of any kind set up. If not, do that first.

Before you now install ethers, you should get one last prerequisite: MetaMask.
Read 14 tweets
13 Sep
Do you know what an NFT is?

Some are currently sold for millions, and unknown artists suddenly make a name for themselves and earn hundreds of thousands of dollars.

Let's take a closer look.

A thread. ↓
1. What An NFT Is

Non-fungible tokens (NFTs) are digital assets.

Just imagine a trading card where each card has unique information engraved into it.

No two NFTs are the same and they are thus not interchangeable.
Other than crypto, where one BTC is one, and two BTC are two BTC, two NFTs are one NFT and one NFT.

Just because you have two NFTs of the same type, you cannot sum them up together.
Read 23 tweets
7 Sep
From time to time you read the term Web 3.0. For many of us, however, this term is still mysterious.

Time to shed some light on it and explain what it actually is all about!

A thread. ↓
1. The Web Today

The web as we know it today is actually already Web 2.0.

It is an extension of the original Web (1.0).

In the beginning, the web was meant for websites to provide information and users to consume it.
Web 2.0 changed this and brought the user into the game.

Users started to create the content themselves, while websites became the platform to distribute this new content instead of only consuming information.
Read 26 tweets
11 Aug
Git is by far the most used source control management tool out there.

It is basially an essential to know. And this justifies knowing a few of the most important git commands you need in your daily work.

Here are 19 that any developer should know.

A thread. ↓ 19 essential git commands for every developer.
1. Initialize a repository

git init is the most basic command.

It initializes a new repository in your current folder and starts the version control flow for your repository. git init
2. Clone a remote repository

You don't necessarily need to create a new repository.

Sometimes you just want to download an existing repository and contribute to it.

This is where git clone comes in. git clone <remoteUrl/>
Read 21 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!

:(