React.js Fundamentals

React.js adalah salah satu pustaka JavaScript paling populer untuk membangun antarmuka pengguna yang dinamis dan interaktif. Dengan pendekatan berbasis komponen dan keunggulannya dalam pembaruan efisien menggunakan Virtual DOM, React telah menjadi pilihan utama dalam pengembangan aplikasi web modern. Namun, pengembang sering menghadapi tantangan dalam memahami konsep dasar JSX, manajemen status, pengelolaan event, serta optimalisasi performa aplikasi React. Selain itu, pengenalan React Native sebagai ekosistem untuk membangun aplikasi mobile menambah kompleksitas bagi mereka yang ingin menguasai framework ini secara menyeluruh.

Course React.js Fundamentals ini dirancang untuk memberikan pemahaman komprehensif mengenai konsep dasar React.js dan React Native. Peserta akan mempelajari dasar-dasar JSX, komponen, properti, dan state, serta teknik pengelolaan event dan lifecycle komponen. Selain itu, materi course mencakup pengenalan dan implementasi Hooks, validasi properti, navigasi dengan React Router, serta teknik pemisahan kode menggunakan lazy components dan Suspense. Untuk memperdalam pemahaman dalam pengelolaan data, peserta juga akan diajarkan konsep state management menggunakan Redux dan Apollo Client untuk GraphQL.

Selain itu, peserta akan mendapatkan wawasan tentang pengembangan aplikasi mobile menggunakan React Native, termasuk instalasi proyek, pembuatan tata letak responsif dengan Flexbox, navigasi antar layar, pemrosesan input pengguna, hingga optimalisasi tampilan gambar dan animasi. Aspek penting lainnya seperti pengelolaan konektivitas offline, integrasi dengan NativeBase, serta arsitektur aplikasi menggunakan Redux juga akan dibahas secara mendalam.

OBJECTIVES

1. Memahami konsep dasar React.js dan penggunaannya dalam pengembangan aplikasi web
2. Membangun dan mengelola komponen React dengan pendekatan berbasis state dan properti
3. Menggunakan Hooks untuk manajemen state dan efek dalam komponen fungsional
4. Mengelola navigasi dalam aplikasi menggunakan React Router
5. Mengoptimalkan performa aplikasi dengan lazy components dan Suspense
6. Mengembangkan aplikasi mobile menggunakan React Native dan memahami perbedaan dengan aplikasi web
7. Mengelola data aplikasi dengan Redux dan Apollo Client
8. Mengimplementasikan arsitektur aplikasi yang skalabel dan efisien

AUDIENCE

1. Front End Developer
2. Full-stack Developer
3. Software Engineer
4. Mobile Developer

PREREQUISITES

Tidak ada training khusus yang dipersyaratkan

CONTENT

1. Mengenal SPA Single Pages Aplikasi
2. Pengenalan ReactJS
3. JSX dan Render Components
4. Komponen dan Props
5. State dan Event Handling
6. Hooks (useState, useEffect, dll.)
7. Context API & Manajemen State
8. Router & Navigasi
9. Praktik Lanjutan dan Best Practices
10.Latihan membuat aplikasi