Referensi library untuk CSS ini JS yang berukuran lebih kecil.

https://dev.to/sadick/universal-css-in-js-library-in-under-1kb-2p58

#css #js #cssinjs #library

Contoh penggunaan library CSS in JS yang bernama Style9

https://css-tricks.com/style9-build-time-css-in-js/

---

Cara melakukan scoping CSS pada CSS Variables

https://blog.logrocket.com/css-variables-scoping/

#css #variables #style9 #cssinjs

Daftar repository Github yang berisi sampel project berbasis React dan Next JS

https://dev.to/codewithnico/list-of-open-source-react-projects-on-github-to-learn-from-5gbi

---

Latihan membuat library Component dengan React dan Emotion CSS in JS

https://www.smashingmagazine.com/2020/09/component-library-react-emotion/

---

Latihan mengambil data YouTube API untuk ditampilkan ke dalam aplikasi web Next JS

https://levelup.gitconnected.com/turn-a-youtube-playlist-into-a-website-98235f9230aa


---

#react #nextjs #youtubeAPI #emotion #cssinjs #library #sampleProject

Latihan panjang membuat blog dengan Gatsby JS dan Netlify CMS

https://www.freecodecamp.org/news/how-to-build-a-blog-with-gatsby-and-netlify-cms/

---

Cara implementasi Netlify CMS ke Next JS

https://medium.com/better-programming/how-to-implement-netlify-cms-with-next-js-4b8721bdec45

—-

Latihan panjang pengenalan React JS dari John Smilga

https://www.freecodecamp.org/news/react-10-hour-course/

---

Latihan pengenalan React Query yang diimplementasikan pada aplikasi MERN Stack

https://dev.to/ashiqcseworld/build-a-mern-stack-todo-app-using-react-query-59e6

---

Konfigurasi Next JS untuk menggunakan Tailwind CSS dan TypeScript

https://dev.to/dailydotdev/a-comprehensive-guide-on-setting-up-next-js-with-typescript-and-tailwindcss-160m

---

Konfigurasi CSS in JS Emotion untuk menggunakan Tailwind CSS

https://codedaily.io/tutorials/187/Setup-Emotion-to-use-Tailwind-classes-in-Nextjs

---

Latihan membuat counter penghitung jumlah angka dengan React JS

https://medium.com/javascript-in-plain-english/attempting-to-build-a-cool-animated-counter-with-react-and-css-e37f7f2d47e4

---

#gatsby #blog #react #nextjs #tailwind #emotion #cssinjs

Menggunakan Create React App CLI dengan Linaria CSS in JS library

https://medium.com/better-programming/create-react-app-with-linaria-9938b3b8e94

—-

Cara menggunakan Tailwind CSS versi 2.x ke dalam aplikasi Next JS

https://medium.com/better-programming/how-to-set-up-tailwind-css-v2-0-with-next-js-10-4a82c8f8caaa

#react #next #tailwind #cssInJS #linaria

Memperkenalkan Twind, Tailwind CSS yang dikombinasikan dengan CSS in JS

https://blog.logrocket.com/intro-to-twin/

#tailwind #twind #cssinjs

Kumpulan beberapa UI element untuk Vue JS 3

https://blog.logrocket.com/the-best-ui-frameworks-for-vue-3/

---

Latihan menggunakan CSS in JS pada Vue JS

https://blog.logrocket.com/theming-vue-js-with-styled-components/

---

Latihan membuat game tebak kata dengan Nuxt JS, kemudian dipublikasikan ke Google Play Store dengan mode PWA dan TWA

https://css-tricks.com/what-i-learned-building-a-word-game-app-with-nuxt-on-google-play/

---

Latihan panjang sekali membuat aplikasi Vue JS sederhana dan kemudian di deploy ke layanan Netlify dengan bantuan Github

https://www.freecodecamp.org/news/build-a-portfolio-with-vuejs/

#vue #ui #cssinjs #course #pwa #twa

Latihan panjang dari Joy Shaheb dan Freecodecamp tentang pengenalan CSS Positioning Property

https://www.freecodecamp.org/news/css-position-property-explained/

---

Latihan dari Josh Comeau tentang pengenalan library CSS in JS yang bernama Styled Component

https://www.joshwcomeau.com/react/demystifying-styled-components/

---

Tips dari Josh Comeau tentang belajar Styled Components

https://www.joshwcomeau.com/css/styled-components/

#css #position #cssinjs #styledComponent