Top 7 Featured DEV Posts from the Past Week

#top7

Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week.

Mix it up

As @austin642 explains, by using just two mixins, you'll be able to create highly complex, but scalable and flexible CSS layouts, without restrictions. Sounds pretty good, right?

Simple ‘Mixin’ Alternative To Standard CSS Grids

Uma Chisom Augustin ・ Mar 12 '22

#css #grids

Exciting changes in React 18

The React 18 Release Candidate was released March 8th, 2022. That means the features are all finalized and there are only a few weeks left until React 18 is officially released. @kathryngrayson shows us the major takeaways from the latest RC.

Everything You Need to Know About the React 18 RC

Kathryn Grayson Nanz ・ Mar 10 '22

#react #javascript #webdev #frontend

Escaping tutorial limbo with coffee chatters

@diballesteros shares his experience jumping between tutorials and bootcamps and finally figuring out how to escape the loop. The goal isn’t to learn a concept 100%, the goal is to use what you learned to make anything you can.

How to escape tutorial hell — the 100% fallacy

Diego (Relatable Code) ・ Mar 13 '22

#webdev #bootcamp #developer #programming

What is an ADR and Why Should I Write Them?

An architecture decision record is a document that captures an important architecture decision, including the context of how the decision was made and the consequences of that change. @carloscuesta shares the long-term benefits of writing up ADRs.

Writing Architecture Decision Records

Carlos Cuesta ・ Mar 12 '22

#adr #adrs #documentation

Serverless is more

@shreythecray shares some advice for coding newbies with little or no experience with serverless architecture to get a general understanding of it. Good stuff!

Getting Started with Serverless

Shreya ・ Mar 12 '22

#techtalks #codenewbie #serverless #programming

Format your Git commits in just 9 minutes!

It’s really important to maintain a consistent code style when collaborating with others. @ruppysuppy shows us how we can make this easy by using Husky, ESLint, and Prettier!

Automatically Format your code on Git Commit using Husky, ESLint, Prettier in 9 minutes

Tapajyoti Bose ・ Mar 13 '22

#javascript #webdev #productivity #git

How to organize your React components

@antjanus has been working on structuring the anatomy of their React components in an efficient and readable way. What techniques do you use to organize your React components?

The Anatomy Of My Ideal React Component

Antonin J. (they/them) ・ Mar 11 '22

#react #javascript #typescript

That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions...and be sure to keep an eye on this series in the future. You might just be in it!