🔥 What's Hot in Web Development? — Weekly Picks #161
Tags: webdev, react, javascript, node
Published: 2021-01-06 13:25:46

🌟 This week we have many excellent walkthroughs. Short articles that aim to give you enough knowledge to solve a specific task. But that's not all, check out this awesome list.
As always, all posts were ranked by [daily.dev](https://api.daily.dev/get?r=devto) community. Shout out to all the authors. 👏

So, let's get it started.

## Design v18

😱 CSS-Tricks features a new design! Chris shares the story of the redesign including all the nitty-gritty.

* [Design v18](https://app.daily.dev/posts/9VMYxcu9S)

## How to Design a Web Application - A Guideline on Software Architecture

👷‍♂️ A comprehensive review of software architecture patterns and when to use them.

* [How to Design a Web Application - A Guideline on Software Architecture](https://app.daily.dev/posts/a2w8fy5Wt)

## How I built my own productivity app

🚀 The author explains what it takes to build your own product at a high level. It's a short article.

* [How I built my own productivity app](https://app.daily.dev/posts/xoYPTEpJV)

## A list of actually useful Nocode tools and I am not talking about site builders

🙅‍♀️ No-code or low-code platforms can be very useful even for developers. Usually, you will have to sacrifice flexibility for agility. Here's a curated list of brilliant tools.

* [A list of actually useful Nocode tools and I am not talking about site builders](https://app.daily.dev/posts/rAVGmRscc)

## Creating Browser Notification in JavaScript

💬 Here's a quick walkthrough for implementing browser notifications. It covers not only displaying the notifications but other aspects such as asking for permissions.

* [Creating Browser Notification in JavaScript](https://app.daily.dev/posts/GUmbswnlN)

<hr/>

_[daily.dev](https://api.daily.dev/get?r=devto) delivers the best programming news every new tab. We will rank hundreds of qualified sources for you so that you can hack the future._

[![Daily Poster](https://dev-to-uploads.s3.amazonaws.com/i/b996k4sm4efhietrzups.png)](https://api.daily.dev/get?r=devto)

<hr/>

## Make Your Own Tools

⚙️ It's Chris's second article this week! Chris motivates us to spend some time on building internal tooling. He also gives some examples.

* [Make Your Own Tools](https://app.daily.dev/posts/USNB3f_Vk)

## Rules of Micro-Frontends

👮‍♂️ An opinionated list of guidelines to build micro-frontends. The list covers aspects such as deployment, testing, code management, and more.

* [Rules of Micro-Frontends](https://app.daily.dev/posts/9hTsyZY_u)

## How to Make a Side Navigation Bar in ReactJS

🧭 A tutorial for creating a sidebar using React from scratch! This includes even the create-react-app step. 

* [How to Make a Side Navigation Bar in ReactJS](https://app.daily.dev/posts/FkMhWKqUj)

## A Practical Introduction To Dependency Injection

💉 The first part of a series that provides a practical introduction to Dependency Injection.

* [A Practical Introduction To Dependency Injection](https://app.daily.dev/posts/5iWObjxCP)

## How to Verify Users in Express.js

🤖 Email verification is a necessary step in almost every login system. This article walks you through implementing an email verification system using Node.js and MongoDB.

* [How to Verify Users in Express.js](https://app.daily.dev/posts/_x8YxDBGv)

## 🙌 Wrap Up!
 
That was all for this week. We will come back with another list of interesting development posts next week.