DEV Community

Cover image for 🔥 What's Hot in Web Development? — Weekly Picks #112

🔥 What's Hot in Web Development? — Weekly Picks #112

saqibameen profile image Saqib Ameen Updated on ・4 min read

I hope you all had a great week! The first month of 2020 went by so quickly. We were super busy working on an exciting new project which is almost done — can't wait to share with y'all. 🙈

How was your first month of 2020? What did you accomplished or plan to accomplish down the year? Share your goals and thoughts in the comments section.

Back to the weekly picks, this time it's a mix of topics that developers loved. It includes JavaScript, Git, Chrome APIs, productivity tools, frontend, and more. So, let's jump in! ⚡️

1️⃣ Stop using for loop, here are other cool options

A very beginner-friendly article to help you get started with different ways you can manipulate the array elements. It discusses topics like, Array.reduce(), and Array.filter() to help you effectively write your code. 🎯

2️⃣ 20 Top Frontend Developers Tools in 2020

⚡️ It's an extensive list of some great tools for frontend developers. Along with each tool, there's a description to help you understand its purpose. For beginners, it's a great resource to level up their game.

3️⃣ 10 Chrome Console Utility APIs You Probably Never Used

🎖 As a web developer, we know how crucial Chrome dev tools are. We almost use it on a daily basis to develop applications. This list contains some interesting but rarely used APIs that can be used during development.

4️⃣ Learn JavaScript functional programming from Avengers

💡 This is the second time this post is getting featured in the weekly picks of Daily. It's definitely a fun way to learn and remember things for a long time. If you are an Avengers fan, you should definitely check it out.

5️⃣ Understanding The GIT Workflow

A very beginner-friendly guide on understanding and getting started with Git. If you are starting out as a developer, this is a must-have skill. It's an extensive guide containing descriptive images, code snippets, and GIFs to help you get started.

6️⃣ How 15 minutes saved me over $100/year in hosting costs for my personal website

That's something I can relate to. To create your personal site, you don't need an extensive hosting plan and domain manager. Instead, all you need to pay is for domain and you can use JAMStack to create a personal site. It's super cheap and easy to maintain.

7️⃣ How to use Smart Notes

📝 Smart Notes is a new tab chrome extension to create and manage notes in your browser. It's a newly launched product on ProductHunt. If you have a hard time finding a proper tool for note-taking, maybe try this out.

8️⃣ Introducing Yarn 2! 🧶🌟

🎯 Yarn 2 is one of the hot topics of previous week. After a years of development, it's finally live. It comes with an exciting new set of features. The developers' community has mixed feelings about Yarn 2. You can follow the hashtag on Twitter to learn more.

9️⃣ Kowalla — The world's first fully-online coworking space

🙌 Kowalla is an online co-working space to share with the community what you are building. So you have a public place to be accountable. According to their ProductHunt page, it is described as:

🐨Kowalla is the world's first fully-online coworking space. Start your project and create live posts to share your progress. Cowork with others, and build a timeline of your project as you build.

🔟 Flow, a truly new browser with a new rendering engine

👨‍💻 Flow is a new browsing engine by a British company called Ekioh. It uses Spider Monkey and performs pretty well on animations. Since it's not out yet, we can't say anything for sure. Excited to check it out when it comes to the market!

🙌 Wrap Up!

This was all from the previous week. Let's know what you think of the trends this week in the comments below.

We will come back with another list of interesting development posts next week. Till then, peace! ✌️

👋 Follow us on Twitter to stay up-to-date!

Thanks to Daily, developers can focus on code instead of searching for news. Get immediate access to all these posts and much more just by opening a new tab.

Daily Poster


Editor guide
lukaszahradnik profile image
Lukáš Zahradník

Stop using for loop, here are other cool options

I would argue that the linked post is absolutely misleading.
It promotes map, filter and reduce as futuristic functions even though they exist for few years (since ES6) and are supported even by IE9 (such a futuristic browser indeed).

It says that they have these advantages over for loops and forEach:

  • It’s easy to write and others can interpret it easily
  • It’s easy to maintain, extend, and test
  • You can write pure functions without any side effects
  • Helps you thinking in terms of functional programming
  • If you ever plan to use libraries like RxJS, it will surely help

I'm not sure about the last point, but first three are wrong.

Also author decided to write the most verbose version of the for loop, instead of using for of version. Why he is not using more verbose function syntax instead of arrow functions?

Also he provides the most simplistic example of the usage, which is more readable with map, filter and reduce, but it doesn't reflect the real world usage.

None of these functions is equivalent to for loops (for example how would you break out of map?).

So, you shouldn't really stop using for loops. Learn how and where to use loops, map, filter and reduce and use them where are they appropriate (You will find, that there aren't really many use cases for reduce).