Frontend

Discussions about frontend development, HTML, CSS, JavaScript, browser APIs, web standards, component frameworks, rendering libraries, UI/UX patterns, and tools and technologies used to build websites and web apps!

Darryl Yeo 🛠️

@darrylyeo

“The quest for simplicity hasn't resulted in making web development simpler. I think it has finally been acknowledged there are no silver bullets.” Ryan Carniato on the state of JavaScript frameworks and the yet-unsolved problems of server-client communication. (And as usual, a 5 hour livestream for the extra brave!) https://dev.to/this-is-learning/javascript-frameworks-heading-into-2025-hkb https://www.youtube.com/watch?v=D1XN8j77Ntk

2 replies

10 recasts

40 reactions

Darryl Yeo 🛠️

@darrylyeo

100% CSS emulation in React Native ultimately hinges on what its underlying layout engine (Yoga) and its respective native dependencies are willing to support. Otherwise it’ll forever be stuck in this “CSS-in-JS” uncanny valley where CSS’ greatest strengths (the global cascade and property inheritance) are traded for extremely strict component-level scoping and lots of (IMO) quirky and complex tooling to work around it. Won’t stop folks like Reanimated from trying, which I think is very impressive it its own right! https://blog.swmansion.com/reanimated-4-is-new-but-also-very-familiar-b926dd59aa40 https://docs.swmansion.com/react-native-reanimated/docs/next/guides/supported-properties

1 reply

0 recast

2 reactions

Darryl Yeo 🛠️

@darrylyeo

One thing I love about Svelte is how dead simple it is to adopt browser APIs or anything from the vanilla JavaScript ecosystem. Just import, initialize, set up some cleanup code and it’s ready to go. No need to wait for someone to write a framework-specific wrapper package. https://youtu.be/R82Ptutku0M

0 reply

0 recast

2 reactions

Hoot 🎩

@owl

Anyone happen to have a dump of the OG facebook design ca 2007-09? asking for a friend

1 reply

0 recast

1 reaction

Johanna 🎩

@johanna

Booking my flight to /madrid doesnt seem to work, checking console for 'i made it' 'inside function' on airline website is always a tell of good engineering

0 reply

0 recast

3 reactions

Darryl Yeo 🛠️

@darrylyeo

So in the same way you’d server-render a traditional web app using a meta-framework (SvelteKit, Next, Next.js, etc.) and a cloud host (Netlify, Vercel, AWS, etc.), Expo is now becoming a meta-framework lets you host “server-side rendered” React Native apps using their new cloud host, Expo Application Services. Seems like this will be a pretty huge paradigm shift for the mobile-rendered world. https://expo.dev/blog/expo-announces-eas-hosting-service

2 replies

2 recasts

9 reactions

pugson

@pugson

mobile navigation interactions

4 replies

1 recast

22 reactions

Justin Hunter

@polluterofminds

You can just upload things https://orbiter.host

0 reply

2 recasts

7 reactions

Darryl Yeo 🛠️

@darrylyeo

Reply with a screenshot of some /frontend code you wrote this week 👇

2 replies

0 recast

2 reactions

typeof.eth 🔵

@typeof.eth

I don't comment on Github issues very often, but was inspired to from this convo. Discriminated unions are very cool 😎 https://warpcast.com/gregfromstl/0xf851daf2 https://github.com/microsoft/TypeScript/issues/37681#issuecomment-2597158467

1 reply

1 recast

3 reactions

Father Abraham

@father-abraham

SCSS scoping - how have others implemented theme and dark mode swaps? Convert SCSS vars to CSS properties?

0 reply

0 recast

0 reaction

Darryl Yeo 🛠️

@darrylyeo

Great example illustrating why JavaScript `Symbol`s are useful – in this case, to mark a function as a “signal” in Angular’s runtime. https://youtu.be/SGBsd3AM2BM

0 reply

0 recast

0 reaction

Darryl Yeo 🛠️

@darrylyeo

Why React needs a compiler; specifically, how its current “reactivity” model is un-performant by default and any attempts to optimize by hand completely muddy JavaScript semantics and developer intent. (38:14 – 44:35) https://www.youtube.com/watch?v=TKcetuFoYU0&t=2294s

1 reply

1 recast

10 reactions

Darryl Yeo 🛠️

@darrylyeo

Syntax podcast’s coverage of the State of JavaScript 2024 survey: https://youtu.be/VSRAvg9wA4g

0 reply

1 recast

4 reactions

tomuky

@tomuky.eth

In the context of looking for a dev role in crypto, what’s the balance between relying on ai tools to code and knowing the proper syntax of things by heart? I feel like a jr dev could easily be considered a sr dev with the right ai tools when used correctly (not blindly).

5 replies

0 recast

8 reactions