Relatable Code

Share this post
Redwood, the fullstack React framework and checking out Tailwind's new version
relatablecode.substack.com

Redwood, the fullstack React framework and checking out Tailwind's new version

Redwood released a few months ago, it is a fully featured fullstack React framework. Tailwind, my CSS framework of choice, recently released a new version!

Diego Ballesteros
Jun 13
Share this post
Redwood, the fullstack React framework and checking out Tailwind's new version
relatablecode.substack.com

šŸ—ž News

Credits to Fireship he’s an awesome YouTuber. Check him out in the video above or on his Twitter.

Redwood is a fully-featured full-stack framework that incorporates React! But, that’s not all it also contains all the backend libraries you may need as well as testing integration.

Main driving points:

  • React

  • GraphQL

  • Prisma

  • TypeScript

  • Jest

  • Storybook

That’s a ton of integrations straight out of the box! As you can tell from their choices it’s highly opinionated. This isn’t always bad, it covers a lot of ground on its own so you don’t have to worry about the details and can just start coding right away.

Here’s an example repository for a TODO application.

If you’re starting a new React application or just an application in general this is a solid choice.

Twitter avatar for @adamwathanAdam Wathan @adamwathan
We just released Tailwind CSS v3.1! 🄳 🧁 First-party TypeScript types šŸ¦ Improved CSS variable DX šŸ© Build-time imports for Tailwind CLI šŸŽ‚ Arbitrary variants (!) ...and more! Check it out šŸ‘‰
tailwindcss.com/blog/tailwindc…Tailwind CSS v3.1: You wanna get nuts? Come on, let’s get nuts! - Tailwind CSSNow with first-party TypeScript types, arbitrary variants, improved CSS variable DX, and tons more.tailwindcss.com

June 9th 2022

139 Retweets789 Likes

Tailwind continues to be my favorite way to style components in React. It covers a ton of the styling choices for you so you don’t have to worry about it but it is also very hands-off in a lot of aspects so it is very extendable.

  • First-party TypeScript types

  • Built-in support for CSS imports in the CLI

  • Change color opacity when using the theme function

  • Easier CSS variable color configuration

  • Border spacing utilities

  • Enabled and optional variants

  • Prefers-contrast variants

  • Style native dialog backdrops

  • Arbitrary values but for variants

One of my favorite new features is Typescript support!

For a full list check our Adam’s post above.

šŸ“¦ More interesting Articles

  • NextJS for browser extensions: Plasmo

  • JavaScript hydration is a workaround not a solution

  • Javascript Monorepos

  • Angular 14 is now available

  • Jest image snapshot testing

  • Making a game in Microsoft Word

  • How To Build A Group Chat App With Vanilla JS, Twilio And Node.js

  • Open source alternative to Twilio

Share this post
Redwood, the fullstack React framework and checking out Tailwind's new version
relatablecode.substack.com
Comments

Create your profile

0 subscriptions will be displayed on your profile (edit)

Skip for now

Only paid subscribers can comment on this post

Already a paid subscriber? Sign in

Check your email

For your security, we need to re-authenticate you.

Click the link we sent to , or click here to sign in.

TopNew

No posts

Ready for more?

Ā© 2022 Diego Ballesteros
Privacy āˆ™ Terms āˆ™ Collection notice
Publish on Substack Get the app
SubstackĀ is the home for great writing