DEV Community

Front-end

"If you're already a front-end developer, well, pretend you're also wearing a pirate hat." - Ethan Marcotte

Posts

๐Ÿ‘‹ Sign in for the ability to sort posts by relevant, latest, or top.
Stop hardcoding image URLs in your Storybook stories
placepack profile

Stop hardcoding image URLs in your Storybook stories

#storybook #testing #frontend #react
1
Comments
3 min read
From Learning to Building2: My Journey as a Young Developer
yomna profile

From Learning to Building2: My Journey as a Young Developer

#wecoded #devchallenge #frontend #css
3
Comments
2 min read
From 'Rethinking Best Practices' to the Compiler: The Metamorphosis of React (2013-2025)
abdul_fadiga_1f402d165920 profile

From 'Rethinking Best Practices' to the Compiler: The Metamorphosis of React (2013-2025)

#react #webdev #javascript #frontend
Comments
2 min read
Add Authentication and RBAC to a Webflow App
mrunankpawar profile

Add Authentication and RBAC to a Webflow App

#frontend #security #tutorial #webdev
6
Comments
17 min read
Introducing: Kiru v1 ๐Ÿ˜
lankymoose profile

Introducing: Kiru v1 ๐Ÿ˜

#showdev #frontend #javascript #webdev
1
Comments
1 min read
๐—›๐—ผ๐˜„ ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐Ÿญ๐Ÿต ๐—–๐—ต๐—ฎ๐—ป๐—ด๐—ฒ๐˜€ ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—ฆ๐˜๐—ฎ๐˜๐—ฒ ๐— ๐—ฎ๐—ป๐—ฎ๐—ด๐—ฒ๐—บ๐—ฒ๐—ป๐˜ (๐—”๐—ป๐—ฑ ๐—ช๐—ต๐—ฎ๐˜ ๐—ฆ๐—ฒ๐—ป๐—ถ๐—ผ๐—ฟ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟ๐˜€ ๐—ฆ๐—ต๐—ผ๐˜‚๐—น๐—ฑ ๐—ฆ๐˜๐—ผ๐—ฝ ๐——๐—ผ๐—ถ๐—ป๐—ด)
ricardosaumeth profile

๐—›๐—ผ๐˜„ ๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ ๐Ÿญ๐Ÿต ๐—–๐—ต๐—ฎ๐—ป๐—ด๐—ฒ๐˜€ ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—ฆ๐˜๐—ฎ๐˜๐—ฒ ๐— ๐—ฎ๐—ป๐—ฎ๐—ด๐—ฒ๐—บ๐—ฒ๐—ป๐˜ (๐—”๐—ป๐—ฑ ๐—ช๐—ต๐—ฎ๐˜ ๐—ฆ๐—ฒ๐—ป๐—ถ๐—ผ๐—ฟ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟ๐˜€ ๐—ฆ๐—ต๐—ผ๐˜‚๐—น๐—ฑ ๐—ฆ๐˜๐—ผ๐—ฝ ๐——๐—ผ๐—ถ๐—ป๐—ด)

#react #javascript #frontend #softwaredevelopment
Comments
2 min read
๐—ง๐—ต๐—ฒ ๐—ข๐—ป๐—น๐˜† ๐—ฃ๐—ฎ๐—ฟ๐˜๐˜€ ๐—ผ๐—ณ ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—จ๐—œ ๐——๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—บ๐—ฒ๐—ป๐˜ ๐—”๐—œ ๐—ฆ๐˜๐—ถ๐—น๐—น ๐—–๐—ฎ๐—ปโ€™๐˜ ๐——๐—ผ (๐—”๐—ป๐—ฑ ๐—›๐—ผ๐˜„ ๐—ฆ๐—ฒ๐—ป๐—ถ๐—ผ๐—ฟ๐˜€ ๐—™๐—ถ๐—น๐—น ๐˜๐—ต๐—ฒ ๐—š๐—ฎ๐—ฝ)
ricardosaumeth profile

๐—ง๐—ต๐—ฒ ๐—ข๐—ป๐—น๐˜† ๐—ฃ๐—ฎ๐—ฟ๐˜๐˜€ ๐—ผ๐—ณ ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—จ๐—œ ๐——๐—ฒ๐˜ƒ๐—ฒ๐—น๐—ผ๐—ฝ๐—บ๐—ฒ๐—ป๐˜ ๐—”๐—œ ๐—ฆ๐˜๐—ถ๐—น๐—น ๐—–๐—ฎ๐—ปโ€™๐˜ ๐——๐—ผ (๐—”๐—ป๐—ฑ ๐—›๐—ผ๐˜„ ๐—ฆ๐—ฒ๐—ป๐—ถ๐—ผ๐—ฟ๐˜€ ๐—™๐—ถ๐—น๐—น ๐˜๐—ต๐—ฒ ๐—š๐—ฎ๐—ฝ)

#react #frontend #javascript #softwaredevelopment
Comments
1 min read
๐—ง๐—ต๐—ฒ ๐— ๐—ผ๐˜€๐˜ ๐——๐—ฎ๐—ป๐—ด๐—ฒ๐—ฟ๐—ผ๐˜‚๐˜€ ๐—•๐˜‚๐—ด ๐—ถ๐—ป ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—ฆ๐˜†๐˜€๐˜๐—ฒ๐—บ๐˜€ ๐—œ๐˜€๐—ปโ€™๐˜ ๐—ฎ ๐—–๐—ฟ๐—ฎ๐˜€๐—ต โ€” ๐—œ๐˜โ€™๐˜€ ๐—ฎ ๐—Ÿ๐—ถ๐—ฒ
ricardosaumeth profile

๐—ง๐—ต๐—ฒ ๐— ๐—ผ๐˜€๐˜ ๐——๐—ฎ๐—ป๐—ด๐—ฒ๐—ฟ๐—ผ๐˜‚๐˜€ ๐—•๐˜‚๐—ด ๐—ถ๐—ป ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—ฆ๐˜†๐˜€๐˜๐—ฒ๐—บ๐˜€ ๐—œ๐˜€๐—ปโ€™๐˜ ๐—ฎ ๐—–๐—ฟ๐—ฎ๐˜€๐—ต โ€” ๐—œ๐˜โ€™๐˜€ ๐—ฎ ๐—Ÿ๐—ถ๐—ฒ

#react #javascript #frontend #architecture
Comments
1 min read
๐—ช๐—ต๐˜† ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—จ๐—œ๐˜€ ๐—•๐—ฟ๐—ฒ๐—ฎ๐—ธ ๐—ฎ๐˜ ๐—ฆ๐—ฐ๐—ฎ๐—น๐—ฒ (๐—”๐—ป๐—ฑ ๐˜๐—ต๐—ฒ ๐Ÿฏ ๐—ฃ๐—ฎ๐˜๐˜๐—ฒ๐—ฟ๐—ป๐˜€ ๐—ง๐—ต๐—ฎ๐˜ ๐—”๐—น๐˜„๐—ฎ๐˜†๐˜€ ๐—ฆ๐˜‚๐—ฟ๐˜ƒ๐—ถ๐˜ƒ๐—ฒ ๐—Ÿ๐—ผ๐—ฎ๐—ฑ)
ricardosaumeth profile

๐—ช๐—ต๐˜† ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—จ๐—œ๐˜€ ๐—•๐—ฟ๐—ฒ๐—ฎ๐—ธ ๐—ฎ๐˜ ๐—ฆ๐—ฐ๐—ฎ๐—น๐—ฒ (๐—”๐—ป๐—ฑ ๐˜๐—ต๐—ฒ ๐Ÿฏ ๐—ฃ๐—ฎ๐˜๐˜๐—ฒ๐—ฟ๐—ป๐˜€ ๐—ง๐—ต๐—ฎ๐˜ ๐—”๐—น๐˜„๐—ฎ๐˜†๐˜€ ๐—ฆ๐˜‚๐—ฟ๐˜ƒ๐—ถ๐˜ƒ๐—ฒ ๐—Ÿ๐—ผ๐—ฎ๐—ฑ)

#react #javascript #frontend #softwaredevelopment
Comments
2 min read
๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟ๐—ถ๐—ป๐—ด ๐—œ๐˜€๐—ปโ€™๐˜ ๐—”๐—ฏ๐—ผ๐˜‚๐˜ ๐—ฆ๐—ฝ๐—ฒ๐—ฒ๐—ฑ โ€” ๐—œ๐˜โ€™๐˜€ ๐—”๐—ฏ๐—ผ๐˜‚๐˜ ๐—ž๐—ป๐—ผ๐˜„๐—ถ๐—ป๐—ด ๐—ช๐—ต๐—ฒ๐—ฟ๐—ฒ ๐˜๐—ผ ๐—ฆ๐—ฝ๐—ฒ๐—ป๐—ฑ ๐—–๐—ผ๐—บ๐—ฝ๐—น๐—ฒ๐˜…๐—ถ๐˜๐˜†
ricardosaumeth profile

๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟ๐—ถ๐—ป๐—ด ๐—œ๐˜€๐—ปโ€™๐˜ ๐—”๐—ฏ๐—ผ๐˜‚๐˜ ๐—ฆ๐—ฝ๐—ฒ๐—ฒ๐—ฑ โ€” ๐—œ๐˜โ€™๐˜€ ๐—”๐—ฏ๐—ผ๐˜‚๐˜ ๐—ž๐—ป๐—ผ๐˜„๐—ถ๐—ป๐—ด ๐—ช๐—ต๐—ฒ๐—ฟ๐—ฒ ๐˜๐—ผ ๐—ฆ๐—ฝ๐—ฒ๐—ป๐—ฑ ๐—–๐—ผ๐—บ๐—ฝ๐—น๐—ฒ๐˜…๐—ถ๐˜๐˜†

#frontend #javascript #architecture #react
Comments
1 min read
Your accessibility score is lying to you
chris_devto profile
Chris

Your accessibility score is lying to you

#a11y #frontend #automation #lighthouse
20
Comments 11
4 min read
Your design system has a coupling problem
toucan_ui profile

Your design system has a coupling problem

#architecture #design #frontend #ui
Comments
6 min read
Performance Metrics for Realโ€‘Time Trading Apps: What Every Developer Should Know
ricardosaumeth profile

Performance Metrics for Realโ€‘Time Trading Apps: What Every Developer Should Know

#react #frontend #javascript #softwaredevelopment
1
Comments
3 min read
Chaos vs Calm: An Interactive Frontend Art Experience
makendrang profile

Chaos vs Calm: An Interactive Frontend Art Experience

#frontend #art #webdev #creativity
6
Comments
1 min read
๐—ฆ๐˜๐—ฎ๐—น๐—ฒ ๐—ฆ๐˜๐—ฎ๐˜๐—ฒ ๐——๐—ฒ๐˜๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป: ๐—ง๐—ต๐—ฒ ๐Ÿฎ๐Ÿฌ-๐—ฆ๐—ฒ๐—ฐ๐—ผ๐—ป๐—ฑ ๐—ฅ๐˜‚๐—น๐—ฒ ๐—ง๐—ต๐—ฎ๐˜ ๐—ฆ๐—ฎ๐˜ƒ๐—ฒ๐˜€ ๐—ฅ๐—ฒ๐—ฎ๐—น-๐—ง๐—ถ๐—บ๐—ฒ ๐—ง๐—ฟ๐—ฎ๐—ฑ๐—ถ๐—ป๐—ด ๐—”๐—ฝ๐—ฝ๐˜€
ricardosaumeth profile

๐—ฆ๐˜๐—ฎ๐—น๐—ฒ ๐—ฆ๐˜๐—ฎ๐˜๐—ฒ ๐——๐—ฒ๐˜๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป: ๐—ง๐—ต๐—ฒ ๐Ÿฎ๐Ÿฌ-๐—ฆ๐—ฒ๐—ฐ๐—ผ๐—ป๐—ฑ ๐—ฅ๐˜‚๐—น๐—ฒ ๐—ง๐—ต๐—ฎ๐˜ ๐—ฆ๐—ฎ๐˜ƒ๐—ฒ๐˜€ ๐—ฅ๐—ฒ๐—ฎ๐—น-๐—ง๐—ถ๐—บ๐—ฒ ๐—ง๐—ฟ๐—ฎ๐—ฑ๐—ถ๐—ป๐—ด ๐—”๐—ฝ๐—ฝ๐˜€

#frontend #react #javascript #softwaredevelopment
Comments
2 min read
๐Ÿ‘‹ Sign in for the ability to sort posts by relevant, latest, or top.