Home
Feed

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Sign in

Search Hashnode

Search posts, tags, users, and pages

Discussion

Clean conditional layouts in React

Making conditional sections of markup in React is usually achieved by breaking into code blocks with ternaries or logical operators. That can make a layout hard to follow at a glance. It might even prompt you to break components down to avoid adding ...

Nov 5, 2020·1 min read·nested.hashnode.devRead the article

#typescript
#reactjs

Written by

Tim Kinnane

@teeks · Melbourne, Australia

The human body is 70% side projects.

Responses2

Markdown supported · ⌘↵ to post

Iva Kop

I really like that approach! Thanks for sharing 🌟

Tim Kinnane

Thanks Iva. I'm pretty happy with it too ☺️

Darlan Tódero ten Caten

I see your point. Easy for a beginner in React to understand the Condition Component of course. Beautiful!

Tim Kinnane

Thanks Darlan 🙏