Forem

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.
๐—ช๐—ต๐˜† ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—จ๐—œ๐˜€ ๐—•๐—ฟ๐—ฒ๐—ฎ๐—ธ ๐—ฎ๐˜ ๐—ฆ๐—ฐ๐—ฎ๐—น๐—ฒ (๐—”๐—ป๐—ฑ ๐˜๐—ต๐—ฒ ๐Ÿฏ ๐—ฃ๐—ฎ๐˜๐˜๐—ฒ๐—ฟ๐—ป๐˜€ ๐—ง๐—ต๐—ฎ๐˜ ๐—”๐—น๐˜„๐—ฎ๐˜†๐˜€ ๐—ฆ๐˜‚๐—ฟ๐˜ƒ๐—ถ๐˜ƒ๐—ฒ ๐—Ÿ๐—ผ๐—ฎ๐—ฑ)
ricardosaumeth profile

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

#react #javascript #frontend #softwaredevelopment
Comments
2 min read
Stop Manually Managing URLSearchParams in Next.js โ€” Use nuqs Instead
na1969na profile

Stop Manually Managing URLSearchParams in Next.js โ€” Use nuqs Instead

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

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

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

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

#frontend #javascript #architecture #react
Comments
1 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
Cover image for 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
๐—ช๐—ต๐˜† ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—œ๐˜€ ๐—ฎ ๐—™๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ: ๐—Ÿ๐—ฒ๐˜€๐˜€๐—ผ๐—ป๐˜€ ๐—™๐—ฟ๐—ผ๐—บ ๐—•๐˜‚๐—ถ๐—น๐—ฑ๐—ถ๐—ป๐—ด ๐—Ÿ๐—ผ๐˜„โ€‘๐—Ÿ๐—ฎ๐˜๐—ฒ๐—ป๐—ฐ๐˜† ๐—ง๐—ฟ๐—ฎ๐—ฑ๐—ถ๐—ป๐—ด ๐—ฆ๐˜†๐˜€๐˜๐—ฒ๐—บ๐˜€
ricardosaumeth profile

๐—ช๐—ต๐˜† ๐—ฃ๐—ฒ๐—ฟ๐—ณ๐—ผ๐—ฟ๐—บ๐—ฎ๐—ป๐—ฐ๐—ฒ ๐—œ๐˜€ ๐—ฎ ๐—™๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ: ๐—Ÿ๐—ฒ๐˜€๐˜€๐—ผ๐—ป๐˜€ ๐—™๐—ฟ๐—ผ๐—บ ๐—•๐˜‚๐—ถ๐—น๐—ฑ๐—ถ๐—ป๐—ด ๐—Ÿ๐—ผ๐˜„โ€‘๐—Ÿ๐—ฎ๐˜๐—ฒ๐—ป๐—ฐ๐˜† ๐—ง๐—ฟ๐—ฎ๐—ฑ๐—ถ๐—ป๐—ด ๐—ฆ๐˜†๐˜€๐˜๐—ฒ๐—บ๐˜€

#react #frontend #java #softwaredevelopment
Comments
2 min read
๐—ง๐—ต๐—ฒ ๐—›๐—ถ๐—ฑ๐—ฑ๐—ฒ๐—ป ๐—”๐—ฟ๐—ฐ๐—ต๐—ถ๐˜๐—ฒ๐—ฐ๐˜๐˜‚๐—ฟ๐—ฒ ๐—•๐—ฒ๐—ต๐—ถ๐—ป๐—ฑ ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—จ๐—œ๐˜€: ๐—ช๐—ต๐—ฎ๐˜ ๐— ๐—ผ๐˜€๐˜ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟ๐˜€ ๐—ข๐˜ƒ๐—ฒ๐—ฟ๐—น๐—ผ๐—ผ๐—ธ
ricardosaumeth profile

๐—ง๐—ต๐—ฒ ๐—›๐—ถ๐—ฑ๐—ฑ๐—ฒ๐—ป ๐—”๐—ฟ๐—ฐ๐—ต๐—ถ๐˜๐—ฒ๐—ฐ๐˜๐˜‚๐—ฟ๐—ฒ ๐—•๐—ฒ๐—ต๐—ถ๐—ป๐—ฑ ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—จ๐—œ๐˜€: ๐—ช๐—ต๐—ฎ๐˜ ๐— ๐—ผ๐˜€๐˜ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟ๐˜€ ๐—ข๐˜ƒ๐—ฒ๐—ฟ๐—น๐—ผ๐—ผ๐—ธ

#react #frontend #javascript #softwaredevelopment
1
Comments
2 min read
๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ + ๐—ง๐˜†๐—ฝ๐—ฒ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜ ๐—ถ๐—ป ๐Ÿฎ๐Ÿฌ๐Ÿฎ๐Ÿฒ: ๐—ง๐—ต๐—ฒ ๐—ฃ๐—ฎ๐˜๐˜๐—ฒ๐—ฟ๐—ป๐˜€ ๐—ง๐—ต๐—ฎ๐˜ ๐—”๐—ฐ๐˜๐˜‚๐—ฎ๐—น๐—น๐˜† ๐—ฆ๐—ฐ๐—ฎ๐—น๐—ฒ
ricardosaumeth profile

๐—ฅ๐—ฒ๐—ฎ๐—ฐ๐˜ + ๐—ง๐˜†๐—ฝ๐—ฒ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜ ๐—ถ๐—ป ๐Ÿฎ๐Ÿฌ๐Ÿฎ๐Ÿฒ: ๐—ง๐—ต๐—ฒ ๐—ฃ๐—ฎ๐˜๐˜๐—ฒ๐—ฟ๐—ป๐˜€ ๐—ง๐—ต๐—ฎ๐˜ ๐—”๐—ฐ๐˜๐˜‚๐—ฎ๐—น๐—น๐˜† ๐—ฆ๐—ฐ๐—ฎ๐—น๐—ฒ

#react #typescript #frontend #softwaredevelopment
1
Comments
2 min read
โญ ๐—ฃ๐—”๐—ฅ๐—ง ๐Ÿฑ โ€” ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ป๐—ถ๐—ผ๐—ฟ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟโ€™๐˜€ ๐—ฃ๐—น๐—ฎ๐˜†๐—ฏ๐—ผ๐—ผ๐—ธ ๐—ณ๐—ผ๐—ฟ ๐—จ๐˜€๐—ถ๐—ป๐—ด ๐—”๐—œ ๐—˜๐—ณ๐—ณ๐—ฒ๐—ฐ๐˜๐—ถ๐˜ƒ๐—ฒ๐—น๐˜†
ricardosaumeth profile

โญ ๐—ฃ๐—”๐—ฅ๐—ง ๐Ÿฑ โ€” ๐—ง๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ป๐—ถ๐—ผ๐—ฟ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟโ€™๐˜€ ๐—ฃ๐—น๐—ฎ๐˜†๐—ฏ๐—ผ๐—ผ๐—ธ ๐—ณ๐—ผ๐—ฟ ๐—จ๐˜€๐—ถ๐—ป๐—ด ๐—”๐—œ ๐—˜๐—ณ๐—ณ๐—ฒ๐—ฐ๐˜๐—ถ๐˜ƒ๐—ฒ๐—น๐˜†

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

๐—ช๐—ต๐˜† ๐—ช๐—ฒ๐—ฏ๐—ฆ๐—ผ๐—ฐ๐—ธ๐—ฒ๐˜ ๐— ๐—ถ๐—ฑ๐—ฑ๐—น๐—ฒ๐˜„๐—ฎ๐—ฟ๐—ฒ ๐—œ๐˜€ ๐˜๐—ต๐—ฒ ๐—ฆ๐—ฒ๐—ฐ๐—ฟ๐—ฒ๐˜ ๐—ช๐—ฒ๐—ฎ๐—ฝ๐—ผ๐—ป ๐—•๐—ฒ๐—ต๐—ถ๐—ป๐—ฑ ๐—ฆ๐—ฐ๐—ฎ๐—น๐—ฎ๐—ฏ๐—น๐—ฒ ๐—ฅ๐—ฒ๐—ฎ๐—นโ€‘๐—ง๐—ถ๐—บ๐—ฒ ๐—”๐—ฝ๐—ฝ๐˜€

#react #javascript #frontend #architecture
Comments
2 min read
โญ ๐—ฃ๐—”๐—ฅ๐—ง ๐Ÿฎ โ€” ๐“๐ฒ๐ฉ๐ž ๐’๐š๐Ÿ๐ž๐ญ๐ฒ, ๐“๐ž๐ฌ๐ญ๐ข๐ง๐  & ๐๐ž๐ซ๐Ÿ๐จ๐ซ๐ฆ๐š๐ง๐œ๐ž ๐Ž๐ฉ๐ญ๐ข๐ฆ๐ข๐ฌ๐š๐ญ๐ข๐จ๐ง (๐ฐ๐ข๐ญ๐ก ๐€๐ˆ ๐š๐ฌ ๐š ๐‰๐ฎ๐ง๐ข๐จ๐ซ ๐๐š๐ซ๐ญ๐ง๐ž๐ซ)
ricardosaumeth profile

โญ ๐—ฃ๐—”๐—ฅ๐—ง ๐Ÿฎ โ€” ๐“๐ฒ๐ฉ๐ž ๐’๐š๐Ÿ๐ž๐ญ๐ฒ, ๐“๐ž๐ฌ๐ญ๐ข๐ง๐  & ๐๐ž๐ซ๐Ÿ๐จ๐ซ๐ฆ๐š๐ง๐œ๐ž ๐Ž๐ฉ๐ญ๐ข๐ฆ๐ข๐ฌ๐š๐ญ๐ข๐จ๐ง (๐ฐ๐ข๐ญ๐ก ๐€๐ˆ ๐š๐ฌ ๐š ๐‰๐ฎ๐ง๐ข๐จ๐ซ ๐๐š๐ซ๐ญ๐ง๐ž๐ซ)

#ai #react #javascript #frontend
Comments
2 min read
โญ ๐—ฃ๐—”๐—ฅ๐—ง ๐Ÿฏ โ€” ๐—ช๐—ต๐—ฒ๐—ฟ๐—ฒ ๐—”๐—œ ๐—ฆ๐˜๐—ฟ๐˜‚๐—ด๐—ด๐—น๐—ฒ๐˜€ (๐—ฎ๐—ป๐—ฑ ๐—ช๐—ต๐˜† ๐—ฆ๐—ฒ๐—ป๐—ถ๐—ผ๐—ฟ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟ๐˜€ ๐— ๐—ฎ๐˜๐˜๐—ฒ๐—ฟ)
ricardosaumeth profile

โญ ๐—ฃ๐—”๐—ฅ๐—ง ๐Ÿฏ โ€” ๐—ช๐—ต๐—ฒ๐—ฟ๐—ฒ ๐—”๐—œ ๐—ฆ๐˜๐—ฟ๐˜‚๐—ด๐—ด๐—น๐—ฒ๐˜€ (๐—ฎ๐—ป๐—ฑ ๐—ช๐—ต๐˜† ๐—ฆ๐—ฒ๐—ป๐—ถ๐—ผ๐—ฟ ๐—˜๐—ป๐—ด๐—ถ๐—ป๐—ฒ๐—ฒ๐—ฟ๐˜€ ๐— ๐—ฎ๐˜๐˜๐—ฒ๐—ฟ)

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