&& ve anlamını taşır.
Eğer kendisinden önce gelen ifade VE kendisinden sonra gelen ifade ile işlem yapılacaksa bu ifade kullanılır.

Örneğin;

const age = 23;
const name = 'Beril'

const data = name == 'Melis' && age == 23

if (data) {

} else {
  // burası çalışır. Çünkü iki koşuldan birisi eşleşmedi ve `false` döndü.
}

|| veya anlamını taşır.
Eğer kendisindem önce gelen ifade yok ise (null veya undefined ise mesela) kendisinden sonra yazılan ifadede yer alan değeri alır.
Örneğin;

let name = null

const data = name || 'Beril'

console.log(data) // name değişkeninin değeri boş olduğundan varsayılan olan 'Beril' değerini alır.

https://maintainablecss.com/

CSS in Js ile ilgili ilk çıkanlar benim bildiğim kadarıyla,

• CSS Modules
• Styled Component (React için)

bu yukarıdaki ikisi bence yeterli olur.

Aşağida bıraktığım linkler gibi çok sayıda alternatif çıktı ve gün geçtikçe sayıparı artıyor ne yazık ki :) Çok da takılmamanı öneririm. Mantığını anlasan yeterli.

• https://xstyled.dev/
• https://vanilla-extract.style/

Tabi kullanılabilir.

Next Js'in kendi repo'sunda bir çok örnek var, redux için olan; https://github.com/vercel/next.js/tree/canary/examples/with-redux

Redux saga için de bir example var o da güzel bence, hepsi ve daha fazlası;
https://github.com/vercel/next.js/tree/canary/examples

CSS in JS yapısı ile CSS class isimleri uniqe hale getirilebiliyor. React ve Vue gibi teknolojilerin scope css özellikleri var.

React için genelde;

• Styled Components
• Styled System

gibi paketler kullanılıyor.

Vue'nun kendi içinde style tag'ine scoped attribute eklenerek bu özellik kazandırılabiliyor.

Ben PhpStorm, WebStrom gibi Jetbrains ürünlerinin temasını çok sevdiğim için Darcula IntelliJ Theme temasını kullanıyorum. :) Gözleri diğer temalara nazaran daha az yoran bi tema olduğunu düşünüyorum.