May 31st, 2017

I’m more concerned about HTML-in-JS than I am about CSS-in-JS.

Also on Twitter

Reply Retweet Favourite

Responses

Aaron

As in jsx? Or something other?

# Posted by Aaron on Wednesday, May 31st, 2017 at 1:26pm

Shane Hudson

Have you tried Vue.js’s server side rendering? I’ve fallen in love with it hah.

Lee Griffin

In order to retain functionality in a customer’s woocommerce design, I had to amend core JS files to edit HTML. :( https://t.co/zYMLTJ92N9

Filip Hnízdo

After #10kapart I’ve found myself doing so much more in an HTML stage before starting with CSS+JS. And I specialise in v interactive things!

Tatu Tamminen

I am using Twitter client that probably used both of those approaches and I am very satisfied!

Tatu Tamminen

The end result is HTML anyways and same accessibility principles apply

Manuel Bieh ⚛️

Once React (and JSX) gets rid of those unecessarily nested divs there’s really nothing to be concerned about. Really.

Jeremy Keith

Then you have my blessing, my son. To rephrase: I am more concerned about client-rendered HTML-in-JS than CSS-in-JSS.

Jeremy Keith

Assuming you’re talking about server-rendered, then sure. But what concerns me is client-rendered HTML-in-JS regardless of which framework.

Manuel Bieh ⚛️

I’ve been a semantic markup defender for years. Worked with React daily for 2 years now and the only real “problem” I see is the div soup.

Sunil Pai

I don’t understand, how does react lead to nested divs? It specifically prevents that by not attaching a dom per component. plsthx

# Posted by Sunil Pai on Wednesday, May 31st, 2017 at 2:35pm

Sunil Pai

I read the chapter you pointed to (thx!); are you saying client rendered apps are problematic in general?

# Posted by Sunil Pai on Wednesday, May 31st, 2017 at 2:41pm

71 Shares

# Shared by Ricky Onsman on Wednesday, May 31st, 2017 at 1:23pm

# Shared by Jan Boddez on Wednesday, May 31st, 2017 at 1:24pm

# Shared by Lawrence Meckan on Wednesday, May 31st, 2017 at 1:25pm

# Shared by Scott Stewart on Wednesday, May 31st, 2017 at 1:27pm

# Shared by Zeldman on Wednesday, May 31st, 2017 at 1:28pm

# Shared by Michael Gibson on Wednesday, May 31st, 2017 at 1:29pm

# Shared by Leslie Varghese on Wednesday, May 31st, 2017 at 1:29pm

# Shared by Alex Okros on Wednesday, May 31st, 2017 at 1:34pm

# Shared by Nicole in 🇲🇽 on Wednesday, May 31st, 2017 at 1:49pm

# Shared by Chris Ferdinandi on Wednesday, May 31st, 2017 at 1:53pm

# Shared by Nicki Rios on Wednesday, May 31st, 2017 at 2:01pm

# Shared by Patrick Laubner on Wednesday, May 31st, 2017 at 2:02pm

# Shared by Avi Flombaum on Wednesday, May 31st, 2017 at 2:06pm

# Shared by Michael on Wednesday, May 31st, 2017 at 2:09pm

# Shared by Neil Martis on Wednesday, May 31st, 2017 at 2:10pm

# Shared by Arlo Bryan Guthrie on Wednesday, May 31st, 2017 at 2:19pm

# Shared by Scott Traver on Wednesday, May 31st, 2017 at 2:44pm

# Shared by ♝ Michael Bishop ♝ on Wednesday, May 31st, 2017 at 3:18pm

# Shared by david peach on Wednesday, May 31st, 2017 at 4:16pm

# Shared by Cody Coats on Wednesday, May 31st, 2017 at 4:17pm

# Shared by Baldur Bjarnason on Wednesday, May 31st, 2017 at 4:24pm

# Shared by Sara Soueidan 🐦 on Wednesday, May 31st, 2017 at 4:44pm

# Shared by JazzyRedface on Wednesday, May 31st, 2017 at 4:48pm

# Shared by Aimen Zenasni🐣 on Wednesday, May 31st, 2017 at 4:48pm

# Shared by S on Wednesday, May 31st, 2017 at 4:52pm

# Shared by DeborahEdwards-Onoro on Wednesday, May 31st, 2017 at 4:53pm

# Shared by Denys Mishunov on Wednesday, May 31st, 2017 at 4:55pm

# Shared by ███ on Wednesday, May 31st, 2017 at 4:56pm

# Shared by Antonio Santiago on Wednesday, May 31st, 2017 at 4:57pm

# Shared by Jonathan Poh 📎 on Wednesday, May 31st, 2017 at 5:04pm

# Shared by Michael Spellacy on Wednesday, May 31st, 2017 at 5:24pm

# Shared by claudia snell on Wednesday, May 31st, 2017 at 6:02pm

# Shared by Stefan van Daalen on Wednesday, May 31st, 2017 at 6:14pm

# Shared by Aleksej 🇨🇭 on Wednesday, May 31st, 2017 at 6:58pm

# Shared by Aaron Planell on Wednesday, May 31st, 2017 at 7:03pm

# Shared by Michael Bhatti on Wednesday, May 31st, 2017 at 7:04pm

# Shared by Travis on Wednesday, May 31st, 2017 at 7:14pm

# Shared by Adisha Porwal on Wednesday, May 31st, 2017 at 7:18pm

# Shared by Joern Bargmann on Wednesday, May 31st, 2017 at 7:20pm

# Shared by Kamen Naydenov on Wednesday, May 31st, 2017 at 7:23pm

# Shared by Kyle Mcalister on Wednesday, May 31st, 2017 at 7:52pm

# Shared by Victor Fdez de Alba on Wednesday, May 31st, 2017 at 8:27pm

# Shared by Jonathan M. H. 🤘 on Wednesday, May 31st, 2017 at 8:40pm

# Shared by Oral Dalay on Wednesday, May 31st, 2017 at 8:42pm

# Shared by Jim Savage on Wednesday, May 31st, 2017 at 8:49pm

# Shared by frato_rt_bot on Wednesday, May 31st, 2017 at 9:00pm

# Shared by Esh on Wednesday, May 31st, 2017 at 10:09pm

# Shared by 🇬🇷GeorgeCrecoukias on Wednesday, May 31st, 2017 at 10:23pm

# Shared by Ben Radcliffe on Wednesday, May 31st, 2017 at 11:51pm

# Shared by Ms Kitty Fantastico on Thursday, June 1st, 2017 at 12:36am

# Shared by Abraham Velázquez on Thursday, June 1st, 2017 at 1:53am

# Shared by Scott McKee 🗽🇺🇸 on Thursday, June 1st, 2017 at 1:57am

# Shared by Kevin Marks on Thursday, June 1st, 2017 at 1:58am

# Shared by Paul Stonier on Thursday, June 1st, 2017 at 2:13am

# Shared by builtbymikenash on Thursday, June 1st, 2017 at 2:32am

# Shared by Gopal Venkatesan on Thursday, June 1st, 2017 at 4:26am

# Shared by Cory Dorning on Thursday, June 1st, 2017 at 5:12am

# Shared by Giancarlo Gomez on Thursday, June 1st, 2017 at 5:45am

# Shared by Fisa Khan on Thursday, June 1st, 2017 at 7:12am

# Shared by Mojtaba Seyedi on Thursday, June 1st, 2017 at 7:53am

# Shared by Mardav Wala on Thursday, June 1st, 2017 at 11:43am

# Shared by Dez Iddon on Thursday, June 1st, 2017 at 1:00pm

# Shared by Josh Vogt on Thursday, June 1st, 2017 at 1:05pm

# Shared by Hung-Su on Thursday, June 1st, 2017 at 2:43pm

# Shared by Charlie Stroble on Thursday, June 1st, 2017 at 2:59pm

# Shared by Kaleem Clarkson on Thursday, June 1st, 2017 at 5:35pm

# Shared by Albert Barron on Thursday, June 1st, 2017 at 7:08pm

# Shared by Moustache Design on Thursday, June 1st, 2017 at 11:37pm

# Shared by mccormicky on Friday, June 2nd, 2017 at 5:18am

# Shared by Benjamin Bertrand on Friday, June 2nd, 2017 at 3:19pm

# Shared by Cyrus Daugherty on Saturday, June 10th, 2017 at 2:03pm

147 Likes

# Liked by Michael Corbett on Wednesday, May 31st, 2017 at 1:41pm

# Liked by PJ Khalil on Wednesday, May 31st, 2017 at 1:41pm

# Liked by Michael Spellacy on Wednesday, May 31st, 2017 at 1:41pm

# Liked by Jade Kazmierski on Wednesday, May 31st, 2017 at 1:42pm

# Liked by Mark Norman Francis on Wednesday, May 31st, 2017 at 1:42pm

# Liked by Dan Williams 🇪🇺 on Wednesday, May 31st, 2017 at 1:42pm

# Liked by (((Nic Price))) on Wednesday, May 31st, 2017 at 1:42pm

# Liked by Your Design World on Wednesday, May 31st, 2017 at 1:42pm

# Liked by Rob Ruchte on Wednesday, May 31st, 2017 at 1:42pm

# Liked by Darren Jaworski on Wednesday, May 31st, 2017 at 1:42pm

# Liked by Sam Dal Monte on Wednesday, May 31st, 2017 at 1:42pm

# Liked by Ian Devlin on Wednesday, May 31st, 2017 at 1:42pm

# Liked by Katie Sylor-Miller on Wednesday, May 31st, 2017 at 1:42pm

# Liked by tiffehr on Wednesday, May 31st, 2017 at 1:42pm

# Liked by Phil Peace on Wednesday, May 31st, 2017 at 1:42pm

# Liked by Aurora Johansen-Ward on Wednesday, May 31st, 2017 at 1:42pm

# Liked by John D'Agostino on Wednesday, May 31st, 2017 at 1:42pm

# Liked by Jan Skovgaard on Wednesday, May 31st, 2017 at 1:43pm

# Liked by John on Wednesday, May 31st, 2017 at 1:43pm

# Liked by Leslie Varghese on Wednesday, May 31st, 2017 at 1:43pm

# Liked by Michael Ouzounian on Wednesday, May 31st, 2017 at 1:43pm

# Liked by Alex Okros on Wednesday, May 31st, 2017 at 1:43pm

# Liked by aljun on Wednesday, May 31st, 2017 at 1:43pm

# Liked by Mark Everitt on Wednesday, May 31st, 2017 at 1:43pm

# Liked by Jack Appleby 🇪🇺 on Wednesday, May 31st, 2017 at 1:43pm

# Liked by Álvaro Trigo 🐦 🔥 on Wednesday, May 31st, 2017 at 2:08pm

# Liked by Andrew Hedges 🏡 on Wednesday, May 31st, 2017 at 2:08pm

# Liked by Ariel on Wednesday, May 31st, 2017 at 2:08pm

# Liked by Conor Macken on Wednesday, May 31st, 2017 at 2:08pm

# Liked by Ian Egner on Wednesday, May 31st, 2017 at 2:08pm

# Liked by Nicole in 🇲🇽 on Wednesday, May 31st, 2017 at 2:08pm

# Liked by Avi Flombaum on Wednesday, May 31st, 2017 at 2:08pm

# Liked by TJ Pitre on Wednesday, May 31st, 2017 at 2:08pm

# Liked by Patrick Laubner on Wednesday, May 31st, 2017 at 2:09pm

# Liked by Chris Ferdinandi on Wednesday, May 31st, 2017 at 2:09pm

# Liked by Ailin Hernández 🌺 on Wednesday, May 31st, 2017 at 2:37pm

# Liked by Steve Ganz on Wednesday, May 31st, 2017 at 2:37pm

# Liked by Grant 👨‍💻 on Wednesday, May 31st, 2017 at 2:38pm

# Liked by Tommy Hodgins on Wednesday, May 31st, 2017 at 2:38pm

# Liked by Action Ben on Wednesday, May 31st, 2017 at 3:10pm

# Liked by JanDW on Wednesday, May 31st, 2017 at 3:10pm

# Liked by Sergio Acosta on Wednesday, May 31st, 2017 at 3:10pm

# Liked by Philip Watson on Wednesday, May 31st, 2017 at 3:10pm

# Liked by Juan on Wednesday, May 31st, 2017 at 3:11pm

# Liked by Erwin Wessels on Wednesday, May 31st, 2017 at 4:04pm

# Liked by Randy Walker on Wednesday, May 31st, 2017 at 4:04pm

# Liked by Ralph Saunders on Wednesday, May 31st, 2017 at 4:05pm

# Liked by james williamson on Wednesday, May 31st, 2017 at 4:05pm

# Liked by Baldur Bjarnason on Wednesday, May 31st, 2017 at 4:30pm

# Liked by DeborahEdwards-Onoro on Wednesday, May 31st, 2017 at 4:30pm

# Liked by Anne-Gaelle Colom on Wednesday, May 31st, 2017 at 4:59pm

# Liked by Sara Soueidan 🐦 on Wednesday, May 31st, 2017 at 4:59pm

# Liked by Simon St.Laurent on Wednesday, May 31st, 2017 at 4:59pm

# Liked by ⠠⠁⠇⠑ ⠠⠑⠊⠝ ☭ on Wednesday, May 31st, 2017 at 4:59pm

# Liked by Aimen Zenasni 🐣 on Wednesday, May 31st, 2017 at 5:00pm

# Liked by 🐐 ✊🏽 ☂️ 🌧 🖖🏽 🐑 🐔 on Wednesday, May 31st, 2017 at 5:00pm

# Liked by Andreas 🌐 ⌨️ 🎙 🌆 on Wednesday, May 31st, 2017 at 5:00pm

# Liked by Facundo Estevez on Wednesday, May 31st, 2017 at 5:00pm

# Liked by Jordyn Marcellus on Wednesday, May 31st, 2017 at 5:00pm

# Liked by Katy Heider on Wednesday, May 31st, 2017 at 5:00pm

# Liked by Denys Mishunov on Wednesday, May 31st, 2017 at 5:00pm

# Liked by Sarah, seasprite on Wednesday, May 31st, 2017 at 5:00pm

# Liked by JazzyRedface on Wednesday, May 31st, 2017 at 5:00pm

# Liked by Erik de Vos 📱 on Wednesday, May 31st, 2017 at 5:00pm

# Liked by Neque 🦉 Curat on Wednesday, May 31st, 2017 at 5:00pm

# Liked by Marco Hengstenberg on Wednesday, May 31st, 2017 at 5:00pm

# Liked by Trey Piepmeier on Wednesday, May 31st, 2017 at 5:00pm

# Liked by Jonathan Poh 📎 on Wednesday, May 31st, 2017 at 5:34pm

# Liked by AzazelN28 on Wednesday, May 31st, 2017 at 5:34pm

# Liked by Fulya 🐳 on Wednesday, May 31st, 2017 at 5:35pm

# Liked by Sasha ★ on Wednesday, May 31st, 2017 at 5:35pm

# Liked by Јeff Үαuѕ on Wednesday, May 31st, 2017 at 5:35pm

# Liked by Kestrile180 on Wednesday, May 31st, 2017 at 5:35pm

# Liked by Mark Drew on Wednesday, May 31st, 2017 at 5:35pm

# Liked by Paul Michalet on Wednesday, May 31st, 2017 at 5:35pm

# Liked by Mohamed Azazy on Wednesday, May 31st, 2017 at 6:05pm

# Liked by Tina Umlandt on Wednesday, May 31st, 2017 at 6:35pm

# Liked by SteveCostello on Wednesday, May 31st, 2017 at 6:35pm

# Liked by yoyehudi 🏳️‍🌈 on Wednesday, May 31st, 2017 at 6:35pm

# Liked by James Lofton on Wednesday, May 31st, 2017 at 6:36pm

# Liked by Daniel Patterson on Wednesday, May 31st, 2017 at 6:36pm

# Liked by Thanos Korakas on Wednesday, May 31st, 2017 at 6:36pm

# Liked by Aaron Planell on Wednesday, May 31st, 2017 at 7:41pm

# Liked by ArsDigita on Wednesday, May 31st, 2017 at 7:41pm

# Liked by mightyplow on Wednesday, May 31st, 2017 at 7:41pm

# Liked by David O'Brien on Wednesday, May 31st, 2017 at 7:41pm

# Liked by Travis on Wednesday, May 31st, 2017 at 7:41pm

# Liked by S. Freudenthal 💩 🔹 on Wednesday, May 31st, 2017 at 7:41pm

# Liked by builtbymikenash on Wednesday, May 31st, 2017 at 7:41pm

# Liked by Michel Fiege on Wednesday, May 31st, 2017 at 7:42pm

# Liked by Steve Francia on Wednesday, May 31st, 2017 at 7:42pm

# Liked by Aleksej 🇨🇭 on Wednesday, May 31st, 2017 at 7:42pm

# Liked by DeeJ Roth on Wednesday, May 31st, 2017 at 8:13pm

# Liked by Abdulaziz on Wednesday, May 31st, 2017 at 8:13pm

# Liked by Ed 👨🏽‍💻 🐘 ⚛ on Wednesday, May 31st, 2017 at 8:13pm

# Liked by Tom Sarduy on Wednesday, May 31st, 2017 at 8:46pm

# Liked by Victor Fdez de Alba on Wednesday, May 31st, 2017 at 8:46pm

# Liked by Jonathan M. H. 🤘 on Wednesday, May 31st, 2017 at 8:46pm

# Liked by Thanakron Tandavas on Wednesday, May 31st, 2017 at 9:21pm

# Liked by Dominik Schwind on Wednesday, May 31st, 2017 at 9:54pm

# Liked by ⌘ Sean Bunton on Wednesday, May 31st, 2017 at 9:54pm

# Liked by Justin Rent on Wednesday, May 31st, 2017 at 10:46pm

# Liked by Ideabnb on Wednesday, May 31st, 2017 at 11:20pm

# Liked by Chris on Wednesday, May 31st, 2017 at 11:21pm

# Liked by Ben Radcliffe on Thursday, June 1st, 2017 at 12:18am

# Liked by Happy Guy on Thursday, June 1st, 2017 at 12:48am

# Liked by Clint Kolodziej on Thursday, June 1st, 2017 at 1:39am

# Liked by Colin Castle on Thursday, June 1st, 2017 at 2:09am

# Liked by Abraham Velázquez on Thursday, June 1st, 2017 at 2:09am

# Liked by Lee Roberson on Thursday, June 1st, 2017 at 2:09am

# Liked by Shelley Powers on Thursday, June 1st, 2017 at 2:09am

# Liked by Divya on Thursday, June 1st, 2017 at 2:44am

# Liked by Paul Stonier on Thursday, June 1st, 2017 at 2:45am

# Liked by Filipe Guarnieri on Thursday, June 1st, 2017 at 2:46am

# Liked by 74X14L on Thursday, June 1st, 2017 at 3:36am

# Liked by Giovanni Sampaio on Thursday, June 1st, 2017 at 4:02am

# Liked by Irma Mesa on Thursday, June 1st, 2017 at 4:02am

# Liked by Gopal Venkatesan on Thursday, June 1st, 2017 at 4:35am

# Liked by dan sherman on Thursday, June 1st, 2017 at 5:03am

# Liked by Alyssa Foegelle on Thursday, June 1st, 2017 at 5:59am

# Liked by Fisa Khan on Thursday, June 1st, 2017 at 7:29am

# Liked by Nabeel Tanveer on Thursday, June 1st, 2017 at 9:00am

# Liked by c4cruz on Thursday, June 1st, 2017 at 11:10am

# Liked by Mardav Wala on Thursday, June 1st, 2017 at 11:44am

# Liked by Renata Balerine on Thursday, June 1st, 2017 at 11:44am

# Liked by Josh Vogt on Thursday, June 1st, 2017 at 1:18pm

# Liked by Dez Iddon on Thursday, June 1st, 2017 at 1:19pm

# Liked by Samuel Hauser on Thursday, June 1st, 2017 at 1:52pm

# Liked by Dan Betcher on Thursday, June 1st, 2017 at 2:47pm

# Liked by Amanda Evelyn on Thursday, June 1st, 2017 at 3:49pm

# Liked by Josh Piper on Thursday, June 1st, 2017 at 3:50pm

# Liked by Angel Ponce on Thursday, June 1st, 2017 at 3:50pm

# Liked by ja,e on Thursday, June 1st, 2017 at 4:14pm

# Liked by Kaleem Clarkson on Thursday, June 1st, 2017 at 5:42pm

# Liked by Robin Rendle on Thursday, June 1st, 2017 at 6:37pm

# Liked by Oscar Nevarez on Thursday, June 1st, 2017 at 8:06pm

# Liked by That one guy on Thursday, June 1st, 2017 at 9:50pm

# Liked by Tim Ruby on Friday, June 2nd, 2017 at 5:31am

# Liked by Jim Savage on Friday, June 2nd, 2017 at 7:05am

# Liked by Philipp Jauss on Friday, June 2nd, 2017 at 8:04am

# Liked by Benjamin Read on Friday, June 2nd, 2017 at 12:38pm

# Liked by Benjamin Bertrand on Saturday, June 3rd, 2017 at 2:49pm

# Liked by Bradley Allen on Saturday, June 3rd, 2017 at 2:49pm

# Liked by Colin Johnston on Saturday, June 3rd, 2017 at 2:49pm

# Liked by Sven Hermesdorf on Saturday, June 3rd, 2017 at 11:33pm

# Liked by Moustache Design on Thursday, June 8th, 2017 at 3:25pm

# Liked by Martin Adams on Monday, June 12th, 2017 at 1:56pm

Have you published a response to this? :