A New Way to Write React
Ғылым және технология
Yeah, you can write React using CSS now. But should you? This highly experimental package generates valid, type-safe React code from CSS files and, in doing so, encourages a very specific style of coding not everybody will like.
-- my links
newletter: www.joshtriedcoding.com/
discord: / discord
github: github.com/joschan21
Пікірлер: 143
who wants to start developing NextCSS with me
@ShubhamShubham-gg9fj
2 ай бұрын
Up for this 👍
@ekchills6948
2 ай бұрын
Mee
@labhamjain3915
2 ай бұрын
2 days from now : "Introducing Astro.css" build full stack app just using css
@user-el9tg4tu6v
2 ай бұрын
mee
@ayanahmad4
2 ай бұрын
I'll be glad to be part of this 😊
A solution to a problem which at first place never exist.
@chibuzoekwue
2 ай бұрын
Exactly 👍
@brayancuenca6925
2 ай бұрын
well it’s cool to know it’s possible
@winfredj9820
2 ай бұрын
moved to svelte. life has been better
@EmmanuelOdii80
2 ай бұрын
Agreed.
@BradySie-wo6vf
2 ай бұрын
no lol this is actually so useful. imagine the conditionals you'd need otherwise with tailwindmerge etc etc and having to conditional all the variants, this approach makes things much cleaner 100%
React is a meme framework now
@21abdullah89
2 ай бұрын
Yeah pretty much
@joshtriedcoding
2 ай бұрын
hahaha yes and i love it
@CoolPupGaming
2 ай бұрын
@@joshtriedcoding what are your thoughts on angular? 🤔
@TheSnHIMshow
2 ай бұрын
JS is a meme lang 😀😀
@te20ja04
2 ай бұрын
Haha😂
"I'm a full stack css developer" "You mean TS or JS, right?" "You heard me correctly"
@sicario55
2 ай бұрын
bruh
can't wait to see when we'll be able to create full-stack apps using only css
@rod6722
2 ай бұрын
I'd rather have a SQL front-end powered by a separate CSS back-end.
@StabilDEV
2 ай бұрын
Styled Postgres as a templating language is a MUST
I am probably not going to use this ever lol. But I love the options and creativity in our field.
@tvwithtiffani
2 ай бұрын
Same. But seems like an easy way to get a language model or chatgpt to generate react components, after giving it a few examples. Think AI
@BarisPalabiyik
2 ай бұрын
@@tvwithtiffani yeah but it's pretty unorthodox, so it wouldn't be suitable for big production projects where you aim for the broad talent pool in the industry.
rico, reset the timer.
They best chance to integrate business logic directly inside CSS is using calc() expressions I now want to see it happen
I’m thinking it’s crazy you took this seriously Josh😂
first i think it's new so devin not get it but, then i realize devin can go through the documentation
@OneShore
2 ай бұрын
What makes you think devin didn't come up with MistCSS?
@wavyboyjodii
2 ай бұрын
😂😂😂
@ganeshkale9665
2 ай бұрын
@@OneShore I think devin will forgive us,but he will not
@muhendisim
2 ай бұрын
I like it. I love writing CSS and this binds the code to the style which is pretty neat.
I did not expect a silly framework like this to promote Container/Presenter pattern which is actually a solid pattern.
Next make a framework that can Build APIs with CSS only, Node.css
Devin is waiting for u guys
Never let JS devs cook.
I still dont understand why you want this seperation of concerns. 😅 You are using Tailwind and React. Wouldn't something like Angular be better for this seperation of concerns?
I can never watch those video without having the strong illusion that Josh is my friend and that I know him like in real life... Is it just me or anyone else have that strong impression that he is such a friendly person... Maybe I am just silly or something weird...
Interesting way to generate boilerplate typescript components quickly. Though I prefer to write css without a compiler to test on multiple browsers because nothing else is quicker than raw html and css templating. Once a layout is well tested then it cam be used in react land or other framework of choice.
Does that mean we write Next with SCSS?
Thought it was a joke at first, but actually quite cool
hell noo
@geralt36
2 ай бұрын
Exactly my reaction to this.
Pretty cool, I think I like the concept better than the application of the idea.
" People's creativity never stops "
These comments are the same people who laughed at Atomic.CSS (which went on to HEAVILY inspire Tailwind). Mist looks really interesting. One of the pain points of making React components are style variants... It just gets really messy. Mist seems to solve that. I think CVA might do this better.
I dont think i feel good having 2 files for same thing in the same places. Its like those initial transpilation old days where we had ts and transpiled js in the same place
I had to check if it was April 1st 😂
You're changing lives with your content. Keep inspiring!
This is actually not that bad. It just adds class names to components and generates types. If you style your react components using basic css and the className prop then this is really no different.
@labhamjain3915
2 ай бұрын
CVA already does it and it's better in my opinion than this
@theyreMineralsMarie
2 ай бұрын
@@labhamjain3915 you're right, CVA is better. This "MistCSS" project is just an interesting alternative that simply shows the flexibility of JS/Typescript.
People are looking for problems that aren't there. We are nearing the singularity
Ok, I'm moving to React now
It's interesting approach but I'm not sure I'm going to ever use it😂
hey josh try mint with framer motion
What's wrong with writing an actual react code?
"perfect" DX but i have to fix imports manually 😂 all jokes aside tho this is not a bad take, but definitely needs a lot more tooling around it in order to be viable for a dev team to use
no but why is this actually so useful for creating generic components tho
Next framework: bring PHP into a React component
What problem does this solve??
@hoxtygen
2 ай бұрын
Don't worry, it's about to be created.
Seems about right if you're already down the React rabbit hole.
Ow my gosh! The future is here 🤯
Is it only me or did anyone else think we were writing full on React logic in CSS
ima head out
It's too much unnecessary files. Seems cool tho if you want to separate css logic especially when using tailwind css but .module.css does accomplish with one less file
now i've seen everything
Nope. Tailwind is still a better option for reusable components. This specifically solves a problem that Styled Components created. But there are other (better) options out there that don't have Styled Components issues and don't need you to write a file, generate another file, and keep your eye on the import path.
What an absolute travesty i hope this is a meme package
Nahh, who let the bro cook 😂
Why ?
its just over complicating things, its not a solution to any problem
@TheSnHIMshow
2 ай бұрын
Smaller git repos 🤣🤣
But why ?
Why don't you use windows 11?
@joe_j
2 ай бұрын
So far at 4:50 I feel that so many steps to take to accomplish a very simple thing
@joe_j
2 ай бұрын
Why dont they make one that reduces the number of files
Nah. In smal projects it's just too much hustle. And in big projects you just can't trust every developer to follow rules. There will always be someone who adds business logic into these generated files then removes .mist from file. And now you will have two patterns in same project which will be a headache to maintain.
Damnnn!! ❤
One thing that is missing, is "AI"....... :P
If it’s gonna generate the component for you. At least it should generate forwardRef instead of pray to new React to stop complaining about passing ref into function.
why ?
Ill stick to class-variance-authority and creating my own components. This seems abit..... ermmm redundant, gimmicky.
very interesting but will never use that
Okay, but why?
I'll not use but still it's interesting.
Full stack css dev 😂
I don't see the point. I would have to learn a new way to write code which doesn't have any benefits that I can tell.
thats cool, i guess
Nope still is a bad idea. The biggest problem with styled components (besides CSS in JS) is naming and having a bunch of extra wrapper components. I don't see how this approach avoids this. CSS is good. Actually it's great, especially in 2024.
Why tho
❤
Honestly I don't like it
The css and js has gone out of hands lmao what is this. cute idea tho
You guys can't be serious, right ?
"use server"
I hate writing designing and it is nightmare for me
honestly this should stop. Everyday we have a new lib/framework that solves a "problem" that doesn't exists, and then a new lib/framework will come up to solve a problem of the previous lib. And it's the same pattern over and over. If you think that import a css file is tiring : Stop coding
@shazam314
2 ай бұрын
We have to create problems for job security.
Why tho? 😂
This is Banana😂
biggest NOPE ever
I don't think it has any usecases other than being funny
I can only imagine how ugly CSS files can get! LOL
why tho 😂
i like it, simple and easy to build UI library with
Dislike. Don't begin with click baits This is not a new way writing your react components. Just yet another css framework
Haha react is a trainwreck
Honestly. It's just bullshit. I am Never gonna use it in my life.
🤨🤨🤨
Hell no!
Thanks, I hate it! :)
Thanks, I hate it
These solutions here and there aren't good for beginners.
at this point ur just making gimmick videos. its ridiculous
weired stuff
Just no.
😂😂😂 WTF
Nope nope nope nope nope nope
well i don't like it
This is a terrible idea
Okay.. this is outright stupid
A very nice useless framework
I hate this.
😵💫 absolutely useless
this sounds dumb
🤮