Babel Coder

[ชุดบทความ] สอนสร้าง Isomorphic Application ด้วย React.js และ Redux ใน 5 วัน


รายละเอียด

โลกของ React.js คืบคลานเข้ามาในชีวิต Front-end developer มากขึ้น เราจึงจำเป็นต้องปรับตัวให้ทันตามเทคโนโลยี เนื่องจากความต้องการในการทำ SEO และความเร็วในการตอบสนองที่มากกว่าในครั้งแรกที่โหลดเพจ Isomorphic Application จึงเป็นอีกสิ่งหนึ่งที่พูดถึงกันมาก ชุดบทความนี้จึงมีจุดมุ่งหมายในการสอนสร้าง Isomorphic Application ด้วย React.js Redux และ Webpack2

บทความชุดนี้ประกอบไปด้วย 5 บทความย่อยที่จะนำคุณไปสู่โลกของการทำ Isomorphic Application โดยมีเนื้อหาดังแสดงข้างล่าง และเพื่อความเข้าใจที่มากขึ้น เราจะร่วมกันสร้าง Wiki ขึ้นมาตัวหนึ่งโดยใช้หลักการต่างๆที่สอนไปในชุดบทความนี้!

Day 1

  • React.js คืออะไร ดีอย่างไร ทำไมจึงควรใช้?
  • Webpack คืออะไร? จำเป็นอย่างไรกับการใช้งาน React.js
  • วิธีการใช้งาน Loaders ต่างๆ
  • การใช้งาน LocalCSS และ autoprefixer
  • Hot Module Replacement
  • Tree-shaking
  • มีอะไรใหม่บ้างใน Webpack2
  • และอื่นๆ

Day 2

  • Component-based UI คืออะไร?
  • React แก้ปัญหาการเขียน View แบบเก่าอย่างไร
  • React Life cycle
  • Presentational Component VS Container Component
  • RESTful API ด้วย React.js และ json-server
  • react-router
  • ทดลองสร้าง Wiki ด้วย React
  • อื่นๆ

Day 3

  • Redux คืออะไร?
  • ปัญหา MVC และการควบคุม Data flow ที่ดีกว่าด้วย Redux
  • Redux Action
  • Redux Store
  • Redux Reducer
  • Redux Middleware
  • Async
  • ใช้ Redux คุม Data flow ของ Wiki ที่สร้าง
  • อื่นๆ

Day 4

  • Isomorphic Application คืออะไร ต่างจาก Universal Application อย่างไร
  • ทำไมจึงควรใช้ Isomorphic Application
  • Server-side rendering
  • เปลี่ยน Wiki ของเราให้เป็น Isomorphic Application
  • อื่นๆ

Day 5

  • ปรับปรุง Webpack configuration file ให้ใช้งานกับ Production build
  • ปรับปรุงประสิทธิภาพของแอพพลิเคชั่นสำหรับ production
  • อื่นๆ

บทความในซีรีย์


แสดงความคิดเห็นของคุณ


Bundit Nuntates3 เดือนที่ผ่านมา

ติดตามครับผม


จีวร บิน3 เดือนที่ผ่านมา

รอวันที่ 5 ครับ


ไม่ระบุตัวตน7 เดือนที่ผ่านมา

ติดตามครับ


ไม่ระบุตัวตน8 เดือนที่ผ่านมา

รอ ๆ ๆ ครับ


Tawan9698 เดือนที่ผ่านมา

รอวันที่ 4 กะ 5 ครับบบบ