Remix Styling w/CSS in JS

FromThe Call Kent Podcast

Start listening View podcast show

Remix Styling w/CSS in JS

FromThe Call Kent Podcast

ratings:

Length:

8 minutes

Released:

Nov 4, 2021

Format:

Podcast episode

Description

Trying to figure out whether a CSS in JS approach will take a significance performance hit when using Remix, and whether it would be better to stick to remote and plain stylesheets.
Also wondering whether Remix has any Babel-like class naming structure, or if there might be support for Babel in the future.

Why Remix over other React frameworks?
How Remix makes CSS clashes predictable

Released:

Nov 4, 2021

Format:

Podcast episode

Titles in the series (100)

The Call Kent podcast is a regular podcast where you call in with a question and Kent answers. Call in with your questions right from your web browser with any device at https://kentcdodds.com/call

Skip carousel

Make It Stick: Interleave Curves: Dev asked this on 2021-09-07 by The Call Kent Podcast
5 min listen
Dealing with "act" warning on react testing by The Call Kent Podcast
6 min listen
Firm skills: Axel asked this on 2021-09-19 by The Call Kent Podcast
5 min listen
Managing Burnout by The Call Kent Podcast
3 min listen
Making changes on a new team: Jess asked this on 2021-10-26 by The Call Kent Podcast
13 min listen
Using Fly.io Replays: Jonathan asked this on 2021-10-14 by The Call Kent Podcast
13 min listen
Forms in React by The Call Kent Podcast
5 min listen
Work Life Balance: Frank asked this on 2021-09-21 by The Call Kent Podcast
10 min listen
Why is forwardRef required to limit re-renders?: Agata asked this on 2021-10-16 by The Call Kent Podcast
7 min listen
Reusing components between different projects: Brandon asked this on 2021-09-03 by The Call Kent Podcast
6 min listen
Difference in methods emanating from screen and render: Brandon asked this on 2021-09-03 by The Call Kent Podcast
5 min listen
How to buy for EpicReact in "installments": Nick asked this on 2021-10-06 by The Call Kent Podcast
6 min listen
How do you find new technology: Vonta asked this on 2021-09-05 by The Call Kent Podcast
3 min listen
How to style?: Breno asked this on 2021-09-19 by The Call Kent Podcast
9 min listen
Traditional logins vs. passwordless magic links: Marc asked this on 2021-10-14 by The Call Kent Podcast
14 min listen
Mirage JS over MSW? by The Call Kent Podcast
6 min listen
How much of seniority is about code skills?: Alexis asked this on 2021-09-20 by The Call Kent Podcast
8 min listen
Building an Open Source Website: Noah asked this on 2021-10-26 by The Call Kent Podcast
9 min listen
What did paypal-scripts do? by The Call Kent Podcast
6 min listen
SSG Hype: Darius asked this on 2021-09-15 by The Call Kent Podcast
14 min listen
What is the best way to go through EpicReact?: Kyle asked this on 2021-09-04 by The Call Kent Podcast
9 min listen
Cypress Component Testing Library vs Jest: Giuseppe asked this on 2021-09-24 by The Call Kent Podcast
5 min listen
Why Remix over other React frameworks?: Kyle asked this on 2021-10-12 by The Call Kent Podcast
36 min listen
What are your thoughts on Svelte?: Cam asked this on 2021-10-09 by The Call Kent Podcast
11 min listen
How does Remix manage many CSS files in a page? by The Call Kent Podcast
4 min listen
Why XState?: Nayaab asked this on 2021-10-17 by The Call Kent Podcast
6 min listen
Magic links require timely email delivery: Marc asked this on 2021-10-15 by The Call Kent Podcast
7 min listen
Create web components in React: Nicolas asked this on 2021-10-22 by The Call Kent Podcast
7 min listen
Question about testing alongside RTL by The Call Kent Podcast
7 min listen
How to plan curriculum: Slim asked this on 2021-10-13 by The Call Kent Podcast
5 min listen

More Episodes from The Call Kent Podcast

Skip carousel

Inspired by Your Work: Mahdi asked this on 2024-05-10 by The Call Kent Podcast
6 min listen
When to add a CSP (Content Security Policy): Lance asked this on 2024-04-25 by The Call Kent Podcast
5 min listen
Do generated types from OpenAPI spec change testing?: Jordan asked this on 2024-04-10 by The Call Kent Podcast
7 min listen
Prevent revalidation of remix loaders after mutation: Lady asked this on 2024-04-01 by The Call Kent Podcast
4 min listen
Design the React component library: Ram Krishna asked this on 2024-04-01 by The Call Kent Podcast
5 min listen
SEO Optimization and Hosting: Irakli asked this on 2024-02-29 by The Call Kent Podcast
8 min listen
Progress bar for mutations in Remix: Jan asked this on 2024-02-08 by The Call Kent Podcast
9 min listen
Mocking in the full stack metaframework Era: Paolo asked this on 2024-02-02 by The Call Kent Podcast
10 min listen
How do you create advanced content for developers: Ryan asked this on 2024-01-26 by The Call Kent Podcast
10 min listen
A Button Per form or One Form with Multiple Buttons: Jan asked this on 2024-01-23 by The Call Kent Podcast
5 min listen
Toasts in Remix: Jan asked this on 2024-01-16 by The Call Kent Podcast
7 min listen
Unpaid internships and indentured servitude: Petar asked this on 2024-01-15 by The Call Kent Podcast
5 min listen
It's fine to re-render: Krasimir asked this on 2024-01-12 by The Call Kent Podcast
10 min listen
Data Structures and Algorithms: Muhammad Zunnoorain Rafi asked this on 2023-11-28 by The Call Kent Podcast
4 min listen
Remix Flat Routes vs Remix v2 Router: Zane asked this on 2023-11-21 by The Call Kent Podcast
5 min listen
Generating CSS with Remix Resource Routes: Tomiwa Ajayi asked this on 2023-12-31 by The Call Kent Podcast
5 min listen
Using Downshift with Conform to manage an input: Virgile asked this on 2023-11-21 by The Call Kent Podcast
6 min listen
Jake Lazaroff’s article on Web Components: Román asked this on 2023-10-27 by The Call Kent Podcast
8 min listen
Code Organization in Full Stack Apps: Christian asked this on 2023-10-17 by The Call Kent Podcast
4 min listen
Client Hints and profiling: Paolo asked this on 2023-10-05 by The Call Kent Podcast
4 min listen
Building and Testing an MDX-based Blog: fd asked this on 2023-10-01 by The Call Kent Podcast
7 min listen
EpicWeb.dev is now available!: Kent asked this on 2023-10-18 by The Call Kent Podcast
3 min listen
What is full stack for EpicWeb.dev?: Brian asked this on 2023-10-10 by The Call Kent Podcast
3 min listen
Improving as a software engineer: Jordan asked this on 2023-09-15 by The Call Kent Podcast
6 min listen
Why didn't you break root.tsx into smaller components?: Jake asked this on 2023-09-06 by The Call Kent Podcast
3 min listen
Am I stuck in tutorial heck?: Mukhammadjavokhirbek asked this on 2023-09-01 by The Call Kent Podcast
7 min listen
Scaling Epic-Stack in a single region: Aqwz asked this on 2023-08-31 by The Call Kent Podcast
5 min listen
React Lazy initializers Call Order: Mahesh Reddy asked this on 2023-08-24 by The Call Kent Podcast
3 min listen
How do you approach major project updates: Ivo asked this on 2023-08-23 by The Call Kent Podcast
7 min listen
Organizing your first workshop: Ben asked this on 2023-08-25 by The Call Kent Podcast
28 min listen

Related podcast episodes

Skip carousel

Hasty Treat - CSS Frameworks: In this Hasty Treat, Scott and Wes talk about CSS frameworks - what they are, why they’re important, and when (and when not) to use them. Stackbit - Sponsor Build modern JAMStack websites in minutes. Stackbit lets you combine any theme, site... by Syntax - Tasty Web Development Treats
27 min listen
10: Mathematics & Dynamic CSS Visualizations: In the future, CSS visualizations will dramatically change. How they will change is debatable but they will enable developers to do a lot more than they may think. We may see custom properties like variables to further improve DRY (Don’t Repeat... by The Web Platform Podcast
59 min listen
Hasty Treat - Tips For Writing Good CSS: In this Hasty Treat, Scott and Wes talk about tips for writing good CSS. Sizzy - Sponsor - The browser made for developers and designers. Stop manually resizing your browser window and switching between devices so you can test responsive... by Syntax - Tasty Web Development Treats
25 min listen
Meet the design system that lets us customize and theme Stack Overflow: The home team is joined by two folks who help us build and design our frontend platform: Ben Kelly and Aaron Shekey. They talk about the genesis of Stacks, Stack Overflow’s design system; this year’s April Fool’s Day gag; and the power of a consistent design system. by The Stack Overflow Podcast
32 min listen
How does Remix manage many CSS files in a page? by The Call Kent Podcast
4 min listen
The Cloudcast (.net) #72 - Cloud-Enabling Memcached and Redis for NoSQL: Brian talks with Ofer Bengal (Co-Founder/CEO @Garantiadata) about the challenges and realities of NoSQL databases in the cloud and the value of cloud-enabling services such as Memcached and Redis. We also talked about backing up NoSQL databases and the... by The Cloudcast
19 min listen
Writing Good CSS: In this episode of Syntax, Scott and Wes talk about writing good CSS. LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a... by Syntax - Tasty Web Development Treats
57 min listen
Singleton components by Frontend First
66 min listen
An interview with CSS evangelist Kevin Powell by The Scrimba Podcast
48 min listen
Hasty Treat - Why Do People Hate CSS?: In this Hasty Treat, Scott and Wes talk about why people hate CSS, some common issues, and how you can level up. Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections... by Syntax - Tasty Web Development Treats
19 min listen
51 | Flexing with Flexbox and Grid: In this episode, Amy and James decode Flexbox and CSS Grid. How do you use them? and when do you reach for one over the other? by COMPRESSEDfm
55 min listen
More on Severless - Databases × Files × Secrets × Auth × More!: In this episode of Syntax, Scott and Wes do a part 2 about Serverless — databases, files, secrets, auth, and more! Sanity - Sponsor is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site... by Syntax - Tasty Web Development Treats
61 min listen
756: CSS Is Getting Mixins + Functions: Scott and Wes chomp through CSS Mixins and Functions, discussing the latest features making their way into CSS. From Tailwind-like classes to fluid typography, join us as we explore the possibilities and practical applications of these new tools. Show... by Syntax - Tasty Web Development Treats
26 min listen
Why WordPress MUST Have A Standardized Framework Before We Move Forward With Blocks: Spencer Forman from WPLaunchify has some important reasons why we should consider HOW we are moving forward with Full Site Editing, Blocks and Themes. We are all facing a fork in the road for WordPress, where we can remedy the mistakes of the past and finally create a unified framework to be used by any designers, plugins authors or service providers offering free or paid solutions. Look to Legos for an example of how a standardized framework benefits creativity and promotes a gigantic market for innovation. Instead of repeating the mistake of incentivizing folks to publish one-use FSE themes and duplicate core blocks, with willy-nilly CSS style sheets…we could instead create a unified framework that anyone could extend to create new design "kits" or plugins or services. This would ensure that all of the new components work together, don't break each other, and provide a clearer understanding by The WP Minute - WordPress news
5 min listen
Recursive partial application: Sam and Ryan discuss an elegant solution to the async nested dropdown problem, a FastBoot success story regarding inlined CSS, pre-warming FastBoot's cache, and implementing a new design alongside an existing design language. by Frontend First
62 min listen
The convergence of frontend and backend frameworks by Frontend First
58 min listen
S1 E41 - Styling Applications in Angular: Let's admit it - sometimes CSS can be difficult. Seasoned veterans of web development even struggle with CSS. It's this magical thing that makes our applications look and work with beauty. But, it can also be a challenge, especially as our... by The Angular Plus Show
81 min listen
What Is Developer Experience? - Adam Wathan (Tailwind CSS) and Lee Robinson (Vercel) by Developer Experience
41 min listen
Hasty Treat - Old Browsers, Fallbacks and Polyfills - Part 2: In this Hasty Treat, Scott and Wes continue a three-part series about old browsers, fallbacks and polyfills. In part two, they talk specifically about CSS Grid, Flexbox, new features and fallbacks, and how to use them. VueSchool.io — Sponsor... by Syntax - Tasty Web Development Treats
23 min listen
Modern Web Podcast S11E15- Remix vs Next.js: Who Will Win the Framework War? + Is React Over? with Ben Lesh & Adam Rackis: In this episode of the Modern Web Podcast, Ben Lesh (Author, RxJS), Adam Rackis (Senior Software Engineer, Spotify) and Tracy Lee (Google Developer Expert, RxJS Core Team) discuss several hot topics bouncing around the web lately: Tailwind CSS: Is i... by Modern Web
33 min listen
Making the impossible, impossible: Sam and Ryan talk about their Functional CSS training at EmberConf, some ideas for hiding styling implementation details from templates, a new setup for multiple staging environments, an idea from data modeling called "Making the impossible, impossible", and how to use data down actions up effectively in forms. They also answer some listener questions. by Frontend First
48 min listen
78: The State of WebAssembly: Sometimes you need the low level primitive building blocks that JavaScript can't handle. For that, the upcoming specification for WebAssembly or wasm is a new, portable, size- and load-time-efficient format suitable for compilation to the... by The Web Platform Podcast
56 min listen
Supper Club × Bramus Van Damme on CSS: In this supper club episode of Syntax, Wes and Scott talk with Bramus Van Damme all about CSS, what the CSS Working Group is, how he got good at blogging, setting custom property types in CSS, view transition API, and so much more. Show Notes ... by Syntax - Tasty Web Development Treats
56 min listen
#396: [What's New with Well Architected #1] Framework Updates: AWS Well-Architected provides key concepts, design principles, and architectural best practices for by AWS Podcast
17 min listen
How to Build a Website — The Show For Beginners: In this episode of Syntax, Scott and Wes talk about the basics of building a website — how to get started for beginners! Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at and put SYNTAX in the “How did you hear about us?”... by Syntax - Tasty Web Development Treats
61 min listen
Embracing "The Rails Way", The GoRails Redesign, Utility CSS, and Stimuluuuuus: Back in the groove, Jason and Chris talk a lot more about Ruby than last week. This episode covers Jason's experience building a Rails app the Rails way (mostly), GoRails sweet new redesign, utility CSS frameworks (okay, just TailwindCSS), and Stimulus JS by Remote Ruby
45 min listen
Modern Web Podcast S10E21- Unleashing Hot Takes with Tailwind CSS and Exploring the Web Components Revolution: In this episode of Modern Web, Tracy Lee and Ben Lesh are joined live at RenderATL by Francesco Ciulla, Tessa Mero, Ady Ngom, and Jessica Wilkins! Tune in as they double click into the highly debated subject of Tailwind CSS and explore the advantage... by Modern Web
22 min listen
Supper Club × Adam Argyle on What's New in CSS: In this supper club episode of Syntax, Wes and Scott talk with Adam Argyle about a ton of new CSS features that have arrived or are coming soon, as well as his new site Gradient.style. Show Notes Welcome Guest introduction CSS buckets ... by Syntax - Tasty Web Development Treats
56 min listen
Episode 445: RR 437: Deploying Rails Onto Kubernetes with Khash Sajadi by Ruby Rogues
56 min listen
97: One Equals Zero: We wonder why writing parameterized associations in Rails is not easy, and discuss the difficulty in eliminating no-op queries in ActiveRecord. Plus, we discuss how you can give a great RailsConf talk proposal that doesn't have anything to do with Rails. by The Bike Shed
29 min listen

Discover this podcast and so much more

Remix Styling w/CSS in JS

Remix Styling w/CSS in JS

Description

Titles in the series (100)

More Episodes from The Call Kent Podcast

Related podcast episodes