Why use JavaScript when CSS is possible? by Siriwat Kunaporn

With the current state of CSS, it is now possible to move React Context to CSS for faster and smaller web. Let's explore the technique and its application together!

Siriwat Kunaporn's YouTube channel
https://www.youtube.com/@devMasterSomeday

0:00 | เริ่มต้นด้วยแบบสำรวจ Styling Component และเกริ่นนำ Talk
0:30 | สปอยล์เนื้อหา Talk: เน้น CSS และ Reusable UI
0:51 | แนะนำตัวผู้บรรยายและบริษัท MUI
1:48 | หัวข้อ Talk: ใช้ JavaScript Styling ทำไมในเมื่อมี CSS?
2:01 | เป้าหมายของ Reusable UI: End User, Business, Developer
4:00 | Reusable UI/UI Library ควรครอบคลุมอะไรบ้าง?
6:32 | เฉลยวิธีที่ดีที่สุดในการสร้าง Reusable Component
7:08 | ทำไมไม่ใช่ Tailwind และ CSS in JS?
8:03 | รวมพลัง CSS Modules และ Inline Style
8:46 | CSS Modules คืออะไรและทำไมถึงเหมาะกับ Reusable Component
10:37 | ปัญหาการ Scale ของ CSS ทั่วไปและ Tailwind
11:41 | วิธีการ Scale CSS ด้วย JavaScript และ Tree Shaking
13:18 | ตัวอย่างปัญหา CSS แบบเดิมกับ Variants, สี, และขนาดของปุ่ม
15:37 | แนวคิด: ย้าย Style เข้า JavaScript เพื่อ Tree Shaking
17:45 | วิธีการ Implement: CSS Modules + Inline Style
20:36 | เปรียบเทียบขนาด Bundle Size กับ TailwindCSS พร้อม Dark Mode
22:04 | สรุปข้อดีของวิธี CSS Modules + Inline Style
25:47 | ปิดท้าย: POC และอนาคตของ Library

--------------------------------------------
Event: JavaScript Bangkok 2.0.0
https://javascriptbangkok.com/

Organized by: Software Developer Community
https://javascriptbangkok.com
--------------------------------------------
Recorded by LiveTubeX and published by Creatorsgarten.
https://www.livetubex.com/

Website:
https://creatorsgarten.org

Facebook:
https://facebook.com/creatorsgarten

Please consider supporting us by subscribing to the channel, and follow upcoming events via our Facebook pages.

For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.
mail@creatorsgarten.org

Want to read the full transcript or spotted an error? Visit our site where you can report inaccuracies in subtitles or help improve video metadata.
https://grtn.org/v/jsbkk2/css

Видео Why use JavaScript when CSS is possible? by Siriwat Kunaporn канала Creatorsgarten