Tailwind CSS

They're using Vite for the build tooling.

They also use Tailwind CSS for the styling.

But the real secret weapon here is Playwright.

Right.

They also had to build search and filter functions.

They had to handle application errors gracefully without crashing.

The tech stack was React, Tailwind, and a library called D&D Kit.

Yeah, and there was also a very strict data persistence requirement.

And I think we talked about this a bit before as well, right? Which is where you end up in this sort of tremendous bias problem that models have.

So if you think about design systems and you think about working with that, and then on the other hand, if you think, okay, what is all the experience? Oh yeah, build thousands of apps using Tailwind.

And I know that, right? And it's okay.

It's

why Tailwind is very easy to write in React with most LLM tools is because it's a lot of the data.

Yeah, exactly.

And I think early on, everybody started running into this.

And I think this is a very interesting situation because everybody is in the race to build this AI tool that actually delivers UI that is nice and useful.

Combine these two things, don't combine these other things.

So without that, like how does the agent make a decision? to like if you describe an interface that you want or a new feature without giving it a visual representation of that like it would just either grab something from somewhere else in the code base which could be good or could be bad depending on the rest of the code base or it could just make decisions based on whatever or like make something up i guess basically invent something new if it doesn't have anything to reference so like what you'll see is agents grabbing Tailwind or some kind of open source library to start building something with that has no connection to your project.

Less common if you're within a repository of code that doesn't have that already.

But even if it does have that, it might use it in a different way and rebuild stuff from scratch.

That's basically the prime UI thing is you can get access to all that stuff with a yearly subscription.

But this is actually, it's an interesting footnote in terms of what's happening with open source because not only are we seeing this, but I saw recently the company behind Tailwind, I had to lay off like 75% of their staff because they're not selling their components anymore.

And they were selling components on top of Tailwind.

And if anyone generated a web app with Cloud or any of these models, they spit out Tailwind like nothing.

It's like you have to say, don't use Tailwind or else they will put Tailwind all over everything.

So it's kind of interesting just how the models are all shifting now.

Yeah.

How to create a C-CD pipeline using GitHub and AWS EC2 Creating a C-CD pipeline for a web service on GitHub connected to an AWS EC2 server 395.

I created a React utility component for animations with Tailwind and CSS.

Animating less than animate in, greater than is a reusable React component that I've made to drop in whenever I want to quickly add some animation effects to my projects.

396.

How to use Generative AI as your content assistant This post explores how Generative AI can be used to enhance image filenames, making them more descriptive, accurate, and consistent.

405.

How to use NEXTJS, TypeScript, Tailwind, and ONENTRYCMS to build ANECOMMERCE store shopping cart man technologist We will build a practical e-commerce project to see how NEXTJS, TypeScript, Tailwind CSS, and one-entry CMS can be used to simplify content management.

406 the first 100 proven tactics from stripe zapier and convertkit that get you the users you want let's see how successful sas companies found their first 100 users 407 the dying art of boredom in game design the toll of monetization on creativity gaming industry's tug of war between innovative artistry and the lucrative allure of microtransactions 408 ethereum gasless m e t a t r a n s a c t i o n s by using eip 712 how to implement ethereum gasless meta transactions by using eip 712 409 Maps on the web using React and Mapbox will illustrate how to use Mapbox with React and explain how these technologies work together.

Yeah, like early on, we were very intentional about like deciding where are we going to spend our innovation tokens, right? Every company has a limited amount of innovation tokens.

And we knew that, okay, where do we think is the best place to put them? And to me, that was on the DX layer, right? So we started with thinking about like, okay, how do people actually create the email template? So then we built React email and we made it easier for folks to send emails using Tailwind, TypeScript and React.

Right, so we built that layer, we made it open source.

We knew that we would never make money with that, but that was a great way to get users at the door.

Yeah, I've really been happy with using them.

So on the web, React TypeScript, Apollo Client, ShadCN, Tailwind, React Internationalization, or INTL, React Context, and Apollo Client Cache for most of my client-side state, and then Zustand for some targeted super-stateful UI areas, and then finally Netlify for my front-end deployment.

Nice.

But did you say you're using Expo? You said you're using Expo for something.