Naman @naman34 Twitter profile

Last Seen Profiles

@lorenyt_org21

@MarketObsession

@Nag109814

@MechDawn

@startupman

@BloodReaper8199

@yasmingao_

@HouriaBurrows

@telesyros

@callejerocofrad

@aqw1aqw2

@WillLeoHawkes

@kennypickett10

@GoddessMulan99

@ValorAthletics

@lolololo210

@ShemaleFap

@bottomriderr

@AafiaTeamPak

@danalues

@sudeetigm

@AntisemitismOrg

@Boathouse711424

@MaryMia64694870

@crayolascribblz

@ceren_0334

@antonio_milicia

@NPatrons

@RockMetalCore

@ReplicationTech

@Tammy_TGIT

@books_rum

@LiteAzu

@Abdulra74428898

@stw_pdg

@symfony

Naman

@naman34

6 months

Finally!

GitHub - facebook/stylex: StyleX is the styling system for ambitious user interfaces.

StyleX is the styling system for ambitious user interfaces. - facebook/stylex

github.com

55

255

2K

Naman

@naman34

3 years

Achievement Unlocked! @css and @shadeed9 wrote about my border-radius CSS-Trick. Now, I’ll wait till someone discovers the similar tricks I’ve used for responsive H-Scrolls!

Conditional Border Radius In CSS

How to use CSS comparison functions to create a conditional border radius

ishadeed.com

2

20

145

Naman

@naman34

8 months

StyleX documentation site is nearly ready for launch. Help me find problems/typos/design issues? Is any of the documentation unclear? Need something explained better? And what frameworks would you like to see examples with?

StyleX

stylex-docusaurus.vercel.app

32

17

126

Naman

@naman34

4 months

How can an industry that is happily using the term “serverless” for something that is very much just servers, so up in arms about the name “React server components” for the concept of components that “only run on the server”?!

9

7

80

Naman

@naman34

2 months

@ThePrimeagen @MatthewRideout Python is a better language. The devX is 100 times worse though. Pip. Conda. Global installs. It’s all a mess.

4

0

71

Naman

@naman34

8 years

Wrote a quick post about Flow Vs Typescript. Not a Flamewar, but feedback welcome.

Flow Compared To Typescript

Disclaimers: I’m not trying to start a flame-war. Both Typescript and Flow are great. I’m not a Typescript expert so feel free to correct me on Twitter (@naman34) I’m assuming Typescript >2.0 which...

blog.namangoel.com

7

28

50

Naman

@naman34

14 days

Seeing Solid, Svelte Runes (and also Swift), I started to want getters and setters for simple variables in JavaScript. So I wrote a proposal for it: It proposes a very minimal syntax extension with a new keyword “bind”.

GitHub - nmn/lexical-binding-getter-setter-proposal: A proposal for extending JS syntax to support...

A proposal for extending JS syntax to support lexically scoped getters and setters for variable bindings - nmn/lexical-binding-getter-setter-proposal

github.com

11

6

51

Naman

@naman34

2 months

If we’re making arbitrary language tables

Theo - t3.gg

@t3dotgg

2 months

I made this in dark mode so the Rust people can be mad at me too

110

42

1K

5

2

46

Naman

@naman34

5 months

@t3dotgg Beeper: We’re gonna hack your protocols and steal your service and sell a knock-off version of your product to our own users. Apple: No. Everyone: Apple Bad!

3

5

38

Naman

@naman34

3 months

Friday Front-End

@fridayfrontend

3 months

Tailwind vs Semantic CSS: "Comparing two sites with identical design: the commercial Spotlight template from #Tailwind vs the same site with semantic #CSS . The semantic version is 8× smaller, renders faster, and requires no JS bundlers/tooling."

139

82

545

1

4

39

Naman

@naman34

3 years

I’m beyond excited that @necolas and the other react folks are now helping make stylex open source. It’ll take a little while longer but with the input of a whole bunch of smart people, it’s going to be better than ever!

React Native for Web

@ReactWeb

3 years

The React org is working to open source "stylex", the JavaScript style library used at Meta. Although inspired by the approach taken in React Native for Web, stylex generates the atomic CSS at build time for a smaller runtime bundle.

21

193

1K

1

35

Naman

@naman34

3 months

ahmadaccino

@ahmadaccino

3 months

stop using tailwind, its pure overhead

16

10

238

0

6

37

Naman

@naman34

4 years

@soleyzara @ONY_Drazz Vaccines don’t re-write the dna. If they could we would be able to cure genetic diseases and that would be awesome. I would 100% trust bill gates if he was making the vaccines. Bill fates isn’t making the vaccine he just donated money cuz he’s rich.

2

1

34

Naman

@naman34

4 months

Not too long ago, we released @stylexjs v0.5.0! This is a pretty big release so let me mention some of the highlights. 🧵

4

36

Naman

@naman34

5 years

@BenLesh This is what everyone hates about a branch of the left. The political correctness, or purity tests have gone so far off the deep end. People are attacked for absolutely innocent stuff, not directed at anyone. And at the same time a monster runs this country. Priorities.

1

0

35

Naman

@naman34

3 years

@stroughtonsmith I’m working on “Hacked?” A native friendly client for HaveIBeenPwned

2

3

30

Naman

@naman34

5 years

@rauchg And then there’s Haskell. People complain about it and no one uses it!

0

1

30

Naman

@naman34

6 months

StyleX handles the css infrastructure. We outsource the design opinions to @argyleink and the excellent @openprops !

Adam Argyle

@argyleink

6 months

Rad! @openprops too! 🤘💀

1

2

61

0

2

29

Naman

@naman34

5 months

In many cases, StyleX has ZERO runtime cost, but but there are patterns that are impossible at compile time and need merging classes at runtime. We ✂️ the size of that runtime by 50% in the latest release. 🏃‍♂️

Seb ⚛️ ThisWeekInReact.com

@sebastienlorber

5 months

StyleX 0.4.1 - @naman34 Blog post summarize the improvements since the initial release

1

2

5

1

0

29

Naman

@naman34

5 months

Use NO margins. Not in the re-usable component. Not in the container. Use padding and gap. Always.

James Q Quick

@jamesqquick

5 months

Should this PostList component: 1. define its owns margins 2. let its container define margin

192

23

689

1

27

Naman

@naman34

6 months

@mattpocockuk A lot of people *really* like Tailwind, and I constantly hear from people that they don't want to "name" things. So here's how you could use StyleX like Tailwind while keeping all the benefits of StyleX like types and deterministic resolution.

4

7

27

Naman

@naman34

4 months

RSCs are a great model for building apps. And let me reveal that @PatrickJS__ agrees with that too! However, “use server” is a confusing way to define endpoints and causes all sorts of confusion when learning Next. “use action” or “use endpoint” would’ve been better.

PatrickJS

@PatrickJS__

4 months

Five years ago, a simple 'Hello World' in React was straightforward. Now, it feels like understanding the universe's creation story is easier than grasping React's server-first approach. What happened?

214

60

1K

4

2

26

Naman

@naman34

5 years

@rickhanlonii @sebmck By rotating streaming services. - subscribe - binge - unsubscribe - repeat

1

0

24

Naman

@naman34

8 years

@daveweigel @Moltz did anyone actually read her fucking answer? It was a well thought out nuanced response.

5

0

18

Naman

@naman34

2 months

Someone tell me why Rust devs are so allergic to spelling words out. It’s a compiled language. Using shortened words doesn’t help at runtime. It’s a strictly compiled language. Names can almost always be auto-completed. Just spell the whole word out!

4

1

22

Naman

@naman34

2 years

Spent years learning from Smashing Magazine. And now my work is being explained on it by brilliant writers.

Smashing Magazine 🇺🇦 🏳️‍🌈

@smashingmag

2 years

Building UI Components With SVG and CSS. By @shadeed9 . – Cut-out avatar – Section headlines – Custom Link Underline With SVG – Custom SVG Tapes

2

11

50

0

1

22

Naman

@naman34

1 month

This release has been in the works for months. We’re extremely proud of the theming APIs in StyleX and today they’re getting even more powerful!

Stylex

@stylexjs

1 month

🎉 It’s release day! v0.6.1 is out. This is release is all about types…for CSS variables.

3

11

82

1

22

Naman

@naman34

3 years

@shadeed9 It becomes 0 when the card becomes as wide as the viewport. I.E when a card becomes full-width it loses border radius. But when there is margin around the card the border-radius returns. The large number (9999) is to always force the min/max to trigger.

0

1

22

Naman

@naman34

8 years

@kentcdodds there’s so many people who never get selected because superstars want to give the same talk again.

2

21

Naman

@naman34

9 years

Simple way to start using pure functions in React now. Someone tell me why this is a bad idea?

Quick and dirty hack to make pure functions work in React:

Quick and dirty hack to make pure functions work in React: - pureFunctions.js

gist.github.com

3

6

21

Naman

@naman34

29 days

I’ve been asking for this for years. I even made a “useRefEffect” hook for this. Glad it’s finally real.

Seb ⚛️ ThisWeekInReact.com

@sebastienlorber

1 month

React 19 should support a new ref cleanup function

1

10

3

1

21

Naman

@naman34

3 months

I got to chat with Noel and talk StyleX on the latest episode of @PodRocketpod Some interesting tidbits in there!

PodRocket

@PodRocketpod

3 months

With StyleX recently going open source, Naman Goel ( @naman34 ), @stylexjs lead, talks about the styling system, how it was created, and what it’s offering React developers now. Apple: Spotify: Google:

0

3

12

1

4

21

Naman

@naman34

7 years

@yipe @stroughtonsmith Apple must: - Add more animojis - Remove the 10s limit - Make it a stand-alone app that can be used outside of messages.

1

19

Naman

@naman34

4 months

After a lot of conversations I think the easiest way to understand RSC is that it’s islands architecture on steroids. Don’t overthink it. Whereever you put “use client” an island starts.

dan 2

@dan_abramov2

4 months

or maybe it’s kind of like php components and jquery components. except that they can be safely nested (as long as the nesting itself is done from the “php side”) and refetches aren’t destroying the client state. kind of like if .innerHTML was behaving like ReactDOM.render

3

26

3

5

19

Naman

@naman34

6 months

For anyone waiting for StyleX to be released, know that the NPM package is already public. Try it today with this nextjs starter:

GitHub - nmn/nextjs-app-dir-stylex: A boilerplate for using Next.js App Dir with StyleX

A boilerplate for using Next.js App Dir with StyleX - nmn/nextjs-app-dir-stylex

github.com

2

1

19

Naman

@naman34

3 months

@kentcdodds I made a whole website and write about this topic. A better JS/tS unconstrained by backwards compatibility.

2

5

19

Naman

@naman34

2 years

Variables (and themes) is the one thing that isn’t fully solved in Stylex yet. Currently we just let you do it yourself, but I’m looking at Vanilla Extract for inspiration here. I imagine an API like React Context could work for vars.

Mark Dalgleish

@markdalgleish

2 years

Ensuring that CSS vars exist (which some linters provide) is just the starting point. With vanilla-extract, you must explicitly import vars to use them, making your CSS much more traceable. You can also define entire theme types to validate that all required vars are defined.

2

3

41

2

1

18

Naman

@naman34

4 months

I’m personally concerned with the migration of JS tools to Rust because it raises the barrier to writing plugins for JS devs and share code. I’m excited to see if Static Hermes can solve this problem!

Seb ⚛️ ThisWeekInReact.com

@sebastienlorber

4 months

React-Forget is in Babel/TS currently Of course this won't please every body, and will eventually be rewritten in Rust But what if it was possible to keep it in TS and compile it to native thanks to Static Hermes 🙉

1

4

48

0

18

Naman

@naman34

2 months

I one of the people from our team that builds “design systems” team that had lots of conversations and pushed for render types. It’s so useful!

Flow

@flowtype

2 months

We added new language features to Flow for writing React. Learn about our new Component Syntax:

18

47

243

2

1

18

Naman

@naman34

6 months

@mariusdotdev StyleX is made for styling the web. The RN implementation, when it’s ready will bring additional features to RN, like media queries and pseudo classes.

0

1

18

Naman

@naman34

5 months

HTMX should be wrapped in a library that works like this. Any large enough app needs a component model. Mutating DOM by IDs is not scalable.

Yusuke Wada

@yusukebe

5 months

うおお。hono/jsxでuseState動いてるー

2

18

175

2

16

Naman

@naman34

8 years

@_chenglou So it turns out Apple is using react-motion in production, and loving it! Great job!

0

10

16

Naman

@naman34

5 months

Capsize.js is the most underrated project that Mark has worked on. It’s the only valid use case for margins!

Mark Dalgleish

@markdalgleish

5 months

👇

0

11

1

17

Naman

@naman34

5 years

@andrestaltz I saw this and I remembered your talk about Cyclejs from jsdonf Budapest.

2

1

17

Naman

@naman34

5 months

@_chenglou Yup. I can give you the general findings from a year ago. The *ideal* perf is when each DOM node has about 8-10 classNames. More classNames makes style calculation a bit slower. Lazy Loading CSS causes big style recalculation. Loading a single CSS upfront fixes that.

2

17

Naman

@naman34

9 years

Browserify VS Webpack: http://t.co/NINMJsJiOM

1

4

16

Naman

@naman34

9 years

Javascript developers, here's an autocomplete provider for Atom, powered by flow.

0

5

16

Naman

@naman34

8 years

@reactpodcast 's new episode is finally out. /w special guest @dan_abramov It's a good one.

0

4

14

Naman

@naman34

2 months

All while Flow continues to support: - exact object types - along with object type spread - opaque types - correct variance checking The Flow team has been on 🔥 recently.

Flow

@flowtype

2 months

We added new language features to Flow for writing React. Learn about our new Component Syntax:

18

47

243

1

16

Naman

@naman34

2 years

@rauchg I’m India for a couple of weeks and this is the only sub-1sec website I’ve opened here.

2

0

16

Naman

@naman34

5 months

I’m impressed by the amazing community that is already forming around Stylex. @HorusGoul has been working on this Vite plugin from day one!

Horus Lugo

@HorusGoul

5 months

@vite_js @stylexjs @remix_run @sveltejs Added @QwikDev support today on 0.4.0! Code changes to the plugin were minimal and mostly compatible with other frameworks ⚡️

0

2

7

0

1

14

Naman

@naman34

5 months

This is a great short introduction if all you want is to get a feel for *what* StyleX is.

Stylex

@stylexjs

5 months

Great video by @joshtriedcoding that takes a measured approach in a world of flame-wars. Thank you!

1

7

52

1

2

15

Naman

@naman34

5 months

Ok. Will try making @stylexjs work with Solid now.

SolidJS

@solid_js

5 months

SolidStart Beta 2 is finally out.🎉 ⚡️Nitro backed, and Vinxi powered 🤑New super serializing Server Functions 🕵️Router/Metadata Library Agnostic 💅Fully CSR SPA capable

14

91

614

0

15

Naman

@naman34

6 months

@dan_abramov Thanks!

0

13

Naman

@naman34

3 months

Stylex aims to provide the best styling *system*. We can whip up some Babel transforms to give you the syntax experience you prefer. (Yes, Tailwind is just another syntax experience)

Z 🏴‍☠️

@username_ZAYDEK

3 months

. @stylexjs takes some getting used to but it's easily the safest CSS authoring experience I've had, inclusive of CSS variables

0

1

3

1

0

15

Naman

@naman34

9 years

I beg every js developer to give this a long hard look, and help it move along:

2

16

15

Naman

@naman34

6 months

@sudh_0 Yup. Supports concurrent rendering, RSCs etc. Also supports frameworks outside of React.

3

0

15

Naman

@naman34

2 months

The web has more constraints. We want SSR. Layout without JS. Etc. This means the need to use things like Media Queries, pseudo classes and specific HTML elements. React Native for Web made doing some of this hard. Going the other way causes fewer constraints. If anything,

devtools.fm

@DevtoolsFM

2 months

What is React Strict Dom and how might it change things? Check out latest episode with @dan_abramov2 for more

2

4

16

0

1

15

Naman

@naman34

4 years

@thinkingdem @shaunking @BernieSanders Don’t fall for TV ads.

1

0

10

Naman

@naman34

3 years

@TerribleMia @shadeed9 Bingo! Also known as the Fab-Four technique but adapted to border-radius. AKA Flexbox holy albatross but without Flexbox and with border-radius!

0

1

14

Naman

@naman34

6 months

@trinityandtruth Soon!

1

14

Naman

@naman34

4 years

@cpojer Something like this/

1

0

14

Naman

@naman34

5 months

@RyanCarniato @QwikDev Qwik has fine-grained resumability. React server components have coarse-grained resumability. And there’s trade-offs, as always. The trade-offs are more significant in this can than in the case of reactivity.

3

0

14

Naman

@naman34

3 years

Love when people discover my CSS tricks!

Ahmad Shadeed

@shadeed9

3 years

While inspecting Facebook's CSS, I found that the border radius has a max() and min() CSS comparison function. This will compute to 8px / 8px in all cases. It's unclear why it's being used with such a large number (9999). Any thoughts? 🧐

10

28

309

0

14

Naman

@naman34

3 months

“Web Components” aren’t. But the APIs behind them can be useful: 1. Custom elements: give native mount, update and unmount events for HTML elements without resorting to expensive MutationObservers 2. ShadowDOM isolations is useful building CodePen-like experiences or running

Andrew Joslin

@andrewtjoslin

3 months

@PatrickJS__ Maybe WCs are just waiting for a good WC abstraction... but at that point it's hardly WCs anymore!

1

2

1

3

14

Naman

@naman34

5 years

@threepointone

0

1

13

Naman

@naman34

9 years

New episode of @reactpodcast is finally out: We talk about react 0.14, type systems and code-editors.

1

10

13

Naman

@naman34

1 month

This is types-first architecture that Flow shipped a few years ago. it increases the amount of type annotations needed in order to help performance. Would you type out function return types for better performance?

Rob Palmer

@robpalmer2

1 month

TypeScript excitement 😉 Congrats to @TitianCernicova @TechAtBloomberg on landing --isolatedDeclarations in upstream TypeScript 🎉 It's the start of a journey to faster type-checking at scale 🔥 An epic collab between folk in TS, Bloomberg & Google 👍

10

45

288

2

0

13

Naman

@naman34

5 months

Bringing you the hottest innovation in CSS since the Egyptians. Hyroglyphicss. Now type-safe! H/t

2

3

13

Naman

@naman34

2 months

You need real back-end skills to setup a good GraphQL API The problem RSCs solve is that front-end devs can do it. It solves a narrower use-case than GraphQL but makes it very easy.

Nate Wienert

@natebirdman

2 months

A lot of people are trying to meme GraphQL out of existence by claiming it’s complex or not “modern” but it’s honestly the greatest - and the new libraries around it make it super nice to work with. Bullish long term. RSC has a problem - it solves less things less well but

13

12

116

5

0

12

Naman

@naman34

6 months

@Nokson @stylexjs StyleX is a compiler. It generates a single static CSS file at compile time. Traditional CSS-in-JS libs, like Emotion (which powers TSS) relies on runtime style injection which is terrible for perf. Even with SSR, INP remains bad.

1

5

13

Naman

@naman34

5 months

And a native switch! <input type=“checkbox” switch>

WebKit

@webkit

5 months

Safari Technology Preview 185 is available with updates to Accessibility, CSS, Media, Rendering, Web API, Web Inspector, WebAuthn, and WebGPU.

19

42

238

0

2

13

Naman

@naman34

1 year

@mauro_codes @natebirdman @tamagui_js I can honestly say that Tamagui is the only solution I’ve seen that equal in capability to StyleX. StyleX is more approachable IMO, but Tamagui is doing some advanced cross-module optimisation which will win benchmarks for certain codebases.

3

13

Naman

@naman34

1 month

One simple rule of thumb removes all the issues with shadow DOM…. … Don’t use it.

2

0

13

Naman

@naman34

27 days

Hot take: status code 200 for all requests for UI requests is fine! Status codes are relevant for API calls. — Hot take 2: I LOVE that remix will have a different take on RSCs. We will have more variety in the React ecosystem than almost all other frameworks with Signals.

Ryan Florence

@ryanflorence

1 month

RSC requires data and rendering to be close This kills TTFB since you now can’t render close to users (on vercel) To mitigate, they send a static “shell” But now you send a 200 for _every_ request 👎 RSC is hard to do w/o forcing tradeoffs like this on you, but we’re trying

16

15

231

3

1

13

Naman

@naman34

4 months

Every few years I try Windows and Android again. Android has closed the gap. Windows hasn’t.

Vivian

@suchnerve

4 months

Mac users finding out that Windows doesn't support internet recovery, task handoff, offline universal copy-and-paste, built-in wireless file transfer with auto-discovery, built-in wireless monitor extension to a tablet or VR headset, or one-click instant hotspot

12

6

105

0

1

12

Naman

@naman34

4 months

Spent some time listening to @PatrickJS__ and here’s what I propose: 1. An ESLint rule that looks for usage of client-side hooks or functions being used with JSX (directly or not), and suggests adding “use client” 2. An ESLint rule that errors when “use server” is added to

Jiachi

@huozhi

4 months

I'm working on improving the errors DX of @nextjs , feel free to reach out if you encounter any unclear warnings or errors. I'd love to dig into them and save you time of development.

20

12

111

1

2

11

Naman

@naman34

3 months

Vim users reacting as I achieve EVERYTHING with just CMD+D and OS standard cursor movement in VS Code.

1

0

12

Naman

@naman34

6 months

Jack has a great practical introduction to StyleX!

Jack Herrington

@jherr

6 months

Woohoo! StyleX is finally out and that is great news for building design systems that scale to the size of Meta and beyond!

2

6

65

0

12

Naman

@naman34

6 months

@BHolmesDev Let’s figure out how to make it work in Astro once I figure out the @vite_js dev server situation.

2

0

12

Naman

@naman34

4 months

A lot of devs conflate Cascade and Inheritance in CSS. @necolas wrote an explanation for what each of those terms mean. @stylexjs removes the need to deal with the Cascade directly. It does not remove style inheritance. This is probably what you want.

CSS: the cascade, specificity, and inheritance – Nicolas Gallagher

Learn about these 3 key concepts in CSS

nicolasgallagher.com

0

4

12

Naman

@naman34

4 years

@cheeaun @Facebook Hey. I worked on these scrollbars, but I didn’t invent them. That credit goes to @DasSurma

CSS Deep-Dive - matrix3d() for a frame-perfect custom scrollbar | CSS and UI | Chrome for...

Custom transform matrices allow you to build frame-perfect custom scrollbars.

developer.chrome.com

2

1

12

Naman

@naman34

9 years

@vjeux @ryanflorence @iammerrick Wrote a blog post to solve :hover with CSS in JS. presenting: CSS in JS in CSS http://t.co/YSyoKRJwV0

CSS in JS in CSS

Once upon a time, HTML was the only language on the web. Styling was done with tables and color tags. Then CSS came along, and changed how we though about design. CSS selectors grew to let you target...

blog.namangoel.com

3

8

11

Naman

@naman34

6 months

@branmcconnell @sudh_0 Working on a playground which will help. In the meantime, this is a good introduction:

StyleX: Meta's Solution To CSS At Scale

StyleX is Meta's new library that gives you the tools to make rock solid component systems at scale. StyleX has been in use at Meta for three years. Now it's...

www.youtube.com

0

12

Naman

@naman34

2 months

@PatrickJS__ @Redis @Redisinc I like Odis.

1

0

1

Naman

@naman34

4 months

Hey @rwieruch ! @stylexjs is not a runtime injection based CSS-in-JS tool. It’s a compiler that generates a single static atomic CSS file.

0

10

Naman

@naman34

14 days

Rust, Swift, now MoonBit. Lots of action in the compile to WASM world.

Sebastian Markbåge

@sebmarkbage

17 days

Always bet on WASM. It hasn't fully gotten what it could do yet but people are quietly toiling away at it. It's one of those foundational technologies that doesn't pay immediate dividence but that we'll all enjoy as an infra base layer. I'm a huge WASM fanboy.

22

36

371

0

3

11

Naman

@naman34

9 years

@sebmck Wanted to let you know, Apple's new cloudKit JS library is written using Babel. Even the minified version is full of require calls!

1

13

11

Naman

@naman34

6 months

React Native support for StyleX is being built separately and will arrive at a later date. Great to see that it’s not stopping people from willing it into existence anyway.

Mark Lawlor

@mark__lawlor

6 months

Meta's StyleX is coming soon, so I tried the preview release - but doesn't have full React Native support! 😢 Luckily that was an easy fix 😜 Congrats @naman34 on the library - I'm looking forward to the full release.

2

8

143

1

0

11

Naman

@naman34

4 months

I’ve built a Babel plugin that lets you author tailwind, but not worry about these issues. A little more work for it to be done, but I think it’ll be a nice solution for people who prefer Tailwind.

GitHub - nmn/tw-to-stylex: A simpler code translator to convert code using Tailwind to code using...

A simpler code translator to convert code using Tailwind to code using StyleX - nmn/tw-to-stylex

github.com

Adam Wathan

@adamwathan

4 months

Prototyped this today — a `force` variant that only overrides the same utility when it has the same specificity. Better than the important modifier, which would stomp `md:w-64` here too for example. I've never needed this but it's like the #1 thing I hear people wrestling with.

23

13

333

0

11

Naman

@naman34

2 years

Playing around with ideas for a logo for Stylex.

7

1

10

Naman

@naman34

3 months

Tailwind moved this forward. @stylexjs is the next step in that journey.

Dev Agrawal

@devagrawal09

3 months

Tailwind isn't great but life before Tailwind were dark times

15

3

111

0

1

11

Naman

@naman34

5 years

@amasad @feross You can’t argue faithful relationships when one gender is allowed multiple spouses, but the other is not.

0

11

Naman

@naman34

3 years

@oleg008 Year 3001 javascript tutorial x === null || x === undefined || x === empty

1

0

10

Naman

@naman34

2 years

@rauchg The sveltekit version opened about as fast. So make that 2.

0

10

Naman

@naman34

5 years

@sandofsky @viticci I used to LOVE Dropbox. I would be a paying customer by now if they had smaller plans. I guess they don’t want users like me because I feel pushed off their platform.

1

0

10

Naman

@naman34

5 months

If you’re using [at]apply most of the time, are you even using Tailwind?

Ben Lesh

@BenLesh

5 months

@MrPeterLMorris The problem with traditional CSS approaches is that overtime, you end up with a mess of classes, a lot of duplication, and a bunch of applied styles that override each other enough where you end up with "dead code" in your CSS. Atomic CSS solves these issues neatly. Tailwind

17

5

86

0

2

10

Naman

@naman34

1 month

TS can and should implement just the component syntax which is essentially just a keyword for functions with named arguments that compiles to a single object arg. This would solve the destructuring problem in Solid.js It would remove the need for the component$() wrapper in

Tingan Ho

@tingan87

1 month

Was a bit skeptical of the syntax at first, but seems to solve a big problem. A bit concerned about introducing specificity into a general purpose language. I think we should address the general, and not the specific "React" problem. I.e. composing hierchical data without bloat.

0