Tips All

Goals Bekerja sama dengan designer dan quality assurance untuk membangun fitur menggunakan framework PHP Laravel sesuai kebutuhan pengguna website BuildWithAngga. Responsibilities Membuat fitur dengan LaravelMeningkatkan perfomance websiteMeningkatkan security pada websiteMendokumentasikan hasil pekerjaan dengan baik Requirements Minimal lulusan S1 IT atau SIMinimal pengalaman kerja backend 1 tahunKerja full time on site di BandungJika dari luar bandung bisa apply dan pindah ke bandungSedang tidak bekerja freelancer, part time, full timeBekerja dari rumah namun akan ada sesi kerja offline bersama-sama di Starbucks Bekerja di Starbucks Mall PVJ Bandung setiap hari Senin, Rabu, JumatHari Selasa dan Kamis bekerja dari rumahBiaya kopi starbucks akan ditanggung oleh BuildWithAnggaMinimal telah mengikuti 1 kelas Premium di BuildWith Angga (untuk memastikan bahwa kamu sudah mengenal cara belajar di BWA)Mengerjakan challenge sederhana yang tersedia di bawah Challenge Buatlah ERD sederhana untuk entity Teacher, Class, Student, dan My ClassBuatlah flowchart sederhana untuk alur Student mengikuti salah satu kelas gratis di BuildWithAngga Simpan hasil challenge sebagai bentuk format .PDF How to Apply Siapkan Resume (CV) & jawaban test pada file .PDFIsi subject email dengan Apply Backend 2023 BandungKirim lamaran ke email [email protected] Lowongan dibuka pada tanggal 26 April 2023 dan ditutup ketika kami sudah mendapatkan beberapa kandidat yang cocok. Informasi penerimaan akan diumumkan pada Instagram BuildWithAngga, stay tuned.

Portfolio sangat dibutuhkan untuk ui ux designer melamar magang atau pekerjaan full-time maupun freelance ui ux designer. Kali ini saya ingin bagikan beberapa tips yang perlu dilakukan ketika membuat portfolio yang baik dan menarik. 1) Gunakan storytelling Kita membuat portfolio bukan hanya untuk ui ux designer lainnya namun untuk setiap orang yang membuka portfolio design kita, oleh karena itu penting sekali menggunakan kalimat yang mudah dipahami seperti menggunakan bahasa keseharian mereka. Kita juga perlu bercerita terkait projek tersebut tentang bagaimana kita melakukan sebuah riset awal pada masalah apa saja yang dialami oleh pengguna, dan bagaimana kita menggunakan insight tersebut untuk memulai mengerjakan projek design website atau mobile app. 2) Sediakan final design Pada portfolio, kita perlu menambahkan design yang sudah selesai dan dilakukan uji coba sebelumnya agar terlihat lebih realistis (jadi bukan cuma gambar doang). Membuat prototype dengan Figma lalu kita lampirkan pada laman website portfolio dapat membuat hasil kerja atau latihan terlihat lebih menarik dan professional. Apabila sebelumnya kamu memiliki versi design lebih dari satu, misalnya minggu ini kamu baru saja mengerjakan versi 1.0 lalu ada perubahan sesuai feedback pengguna menjadi versi 1.4, alangkah baiknya jika kita lampirkan juga versi-versi sebelumnya, namun perlu kita pilah-pilih kembali ya kira-kira versi mana yang paling berkesan untuk dibaca. 3) Tambahkan bagian testimonial Pembaca portfolio kita akan lebih yakin dan percaya kepada kita apabila mereka dapat membaca testimonial langsung dari orang-orang yang telah menggunakan design buatan kita. Mereka (para reader) akan berpikir bahwa kita bukan sekedar design lalu tinggal, tapi juga sekaligus melakukan validasi design tersebut pada proses usability-testing ke pengguna asli. Kita tidak perlu menambahkan ratusan testimonial, cukup 1-5 saja dengan pesan yang detail maka sudah dapat membuat portfolio menjadi lebih kuat, menarik, dan professional. Silahkan dicoba terlebih dahulu dan nanti lihat hasilnya.

Pemilih tools tepat dapat membuat karir kita sebagai account executive makin tumbuh dan dipercaya oleh perusahaan tempat kita bekerja dan perusahaan dari klien kita. Di luar sana tersedia banyak pilihan tools dan kali ini saya akan bantu memilihkan agar persiapan karirmu menjadi lebih matang lagi. 1) ZOHO untuk mengatasi CRM Customer relationship management sangat penting kita kerjakan dalam mengatur data perusahaan klien, mengukur traksi klien-klien tersebut, dan juga mengatur keseluruhan sales sebagai business to business. Pada software Zoho, kita bisa memberikan setiap label kepada klien kita dari mulai terpenting sampai kepada tingkat menengah, sehingga sebagai account executive maka kita dapat memberikan support yang baik dan sesuai kebutuhan dari setiap masalah yang klien kita hadapi. 2) Trello pilihan tepat untuk Project Management Trello memiliki fitur yang banyak dan dapat kita gunakan secara gratis tanpa adanya batasan waktu, kita juga dapat berkolaborasi dengan account executive lainnya apabila sedang mengerjakan projek dari perusahaan yang sama. Metode kanban project management dengan Trello Account executive biasanya menggunakan metode Kanban untuk mengatasi banyak tugas dari setiap klien yang ada tanpa harus kewalahan, kamu bisa mencoba mempelajari metode Kanban dan mengimplementasikannya terlebih dahulu kepada kehidupan sehari-hari. 3) Google Meet atau Zoom Biasanya account executive menggunakan Google Meet atau Zoom dalam berkomunikasi dengan klien yang lokasinya jauh, hal ini dilakukan secara remote sehingga tidak perlu datang kepada lokasi tersebut untuk menyelesaikan sebuah masalah yang tergolong kecil atau bisa diselesaikan dari jarak jauh. Meeting online dilakukan account executive via Zoom Google Meet dan Zoom dapat kita gunakan secara gratis dengan batasan waktu tertentu, namun tidak perlu khawatir karena biasanya perusahaan tempat kita bekerja akan memfasilitasi kedua software tersebut sehingga kita bisa bekerja lebih tenang dan nyaman. Kesimpulan untuk account executive Tools hanyalah sebuah alat oleh karena itu tetap kita fokus kepada soft skills dalam diri kita seperti komunikasi, public speaking, empati, dan lainnya. Goal utama kita sebagai account executive adalah membantu perusahaan tempat kita bekerja untuk akuisisi lebih banyak klien (b2b) baru dan sekaligus membantu perusahaan-perusahaan (klien kita) dalam mencapai goal mereka selama menggunakan software buatan kita.

Goals Membantu student dalam memilih kelas yang cocok untuk masa depan karir mereka masing-masing dan juga menginformasikan bahwa mereka bisa coba ratusan kelas gratis buatan BuildWithAngga terlebih dahulu. Responsibilities Membalas pesan pada whatsappMembantu proses transaksi jika ada kendalaMemilihkan alur belajar atau kelas yang cocok untuk studentMemberikan informasi penting lainnya terkait produk BWA Requirements Minimal lulusan S1Minimal pengalaman kerja (role apa saja) 1 tahunKerja full time on site di sentul BogorMengutamakan tinggal di JabodetabekSedang tidak bekerja freelancer, part time, full timeBekerja dari rumah namun akan ada sesi kerja offline bersama-sama di AEON SentulBekerja di Starbucks AEON Sentul setiap hari Senin, Rabu, JumatHari Selasa dan Kamis bekerja dari rumahBiaya kopi starbucks akan ditanggung oleh BuildWithAnggaMinimal telah mengikuti 1 kelas Premium di BuildWith Angga (untuk memastikan bahwa kamu sudah mengenal cara belajar di BWA)Mengerjakan challenge sederhana yang tersedia di bawah Challenge Jawab beberapa pertanyaan berikut: Jika ada customer yang ingin belajar namun belum memiliki biaya, saran apa yang akan kamu berikan kepada customer tersebut?Jika ada customer yang bingung memilih kelas yang perlu dipelajari, saran apa yang akan kamu berikan kepada customer tersebut?Sebutkan 3 kompetitor BuildWith Angga dan benefit yang mereka sediakan tapi tidak tersedia di BuildWith Angga? Kirim jawaban di atas melalui email di bawah. How to Apply Siapkan Resume (CV) & jawaban test pada file .PDFIsi subject email dengan Siap CS 2023 BogorKirim lamaran ke email [email protected] Lowongan dibuka pada tanggal 19 April 2023 dan ditutup ketika kami sudah mendapatkan beberapa kandidat yang cocok. Informasi penerimaan akan diumumkan pada Instagram BuildWithAngga, stay tuned.

Atomic Design merupakan sebuah metodologi desain yang dipopulerkan oleh Brad Frost, yang pada prinsipnya setiap komponen dipecah-pecah hingga menjadi unit paling kecil yaitu atom. Tujuan dari metodologi ini adalah mengurangi adanya kode yang berulang, membuat sebuah komponen yang konsisten, dan mudah dipelihara. Atomic Design pada React JS Penerapan metode Atomic Desaing pada React JS sangat membantu dalam proses pengembangan suatu tampilan antarmuka. Dalam React JS, Atomic Design dapat diterapkan dengan menggunakan komponen sebagai atom, kemudian kumpulan komponen-komponen tersebut digabung untuk menjadi molekul yang lebih besar. Kemudian beberapa komponen molekul yang ada dapat digabung lagi menjadi komponen organisme yang lebih kompleks dan seterusnya. Agar dapat lebih memahami lagi kita akan menerapkan metode Atomic Design dalam membuat komponen pada React JS, simak penjelasan berikut. Atom Atom adalah komponen paling terkecil dalam metode Atomic Design. Sebagai contoh kita bisa membuat sebuah komponen yang akan digunakan sebagai button. Komponen button ini akan memiliki properti seperti ukuran, warna, dan jenis tombol (primary, secondary, dll). Komponen atom button pada React JS Molekul Molekul sendiri adalah sebuah komponen yang terdiri dari gabungan beberapa komponen atom yang ada. Sebagai contoh, kita dapat membuat sebuah komponen yang berfungsi sebagai search bar yang dimana berisikan atom dari komponen button. Komponen molekul searchBox pada React JS Organisme Sama seperti molekul sebelumnya, organisme juga merupakan gabungan dari beberapa komponen molekul dan komponen atom yang telah ada. Sebagai contoh kita dapat membuat sebuah komponen Form dengan menggabungkan komponen Label dan Button. Komponen organisme From pada React JS Template Template juga merupakan komponen yang terdiri dari kumpulan komponen organisme yang telah dibuat sebelumnya. Sebagai contoh, kita bisa membuat template yang akan menampung header, sidebar, dan konten utama. Komponen template Layout pada React JS Halaman Utama Halaman utama juga merupakan komponen yang terdiri dari berbagai komponen organisme yang ada. Sebagai contoh, kita bisa membuat halaman utama yang berisi navbar dan dashboard. Komponen halaman utama Home pada React JS Kesimpulan Manfaat utama pada saat menggunakan metode Atomic Design ini adalah memudahkan proses pengembangan tampilan antarmuka suatu website, hal tersebut juga memudahkan developer untuk menangani perubahan pada setiap komponen yang ada pada React JS dari halaman utama hingga ke level atom. Setelah mengetahui metode Atomic Design pada React JS kamu bisa mencoba praktik metode tersebut dengan membuat beberapa projek website dengan React JS. Apabila kamu baru mengenal React JS kamu perlu menguasai fundamental Javascript dan membaca alur pembelajaran React JS agar memudahkan kamu dalam proses belajar React JS.

Sebagai seorang programmer, kita membangun aplikasi atau website untuk membantu hidup masyarakat menjadi lebih mudah seperti membeli makanan, tiket kereta, baju baru, semuanya dilakukan secara online melalui laptop atau smartphone. Tipe data Boolean memiliki peran penting untuk mewujudkan hal terbesar itu, Boolean memiliki dua nilai yaitu adalah True dan False, kita sering menggunakan boolean apabila ingin membuat sebuah keputusan yang terkait dari alur pada aplikasi atau website tersebut. Contoh penerapan tipe data Boolean Misalnya kita bikin aplikasi beli tiket pesawat, hal pertama dilakukan pengguna adalah login terlebih dahulu kepada aplikasi tersebut. Jika pengguna belum login (atau False) maka diarahkan kepada halaman login atau sign up, jika sudah berhasil login (berubah jadi True) maka diarahkan kepada halaman browsing tiket pesawat. Well, kurang lebih seperti itu contoh penerapan tipe data boolean dalam mengatur flow dan user experience. Mari kita coba tuliskan kodingan contoh flow di atas dengan menggunakan bahasa pemrograman python, sehingga dapat kita bayangi lebih jauh lagi. # bikin variable dengan nilai boolean False hasUserLoggedIn = False # cek apakah user sudah login (True) atau belum (False) if hasUserLoggedIn == True: print('Pilih tiket tersedia di bawah ini: ....') else: print('Anda akan kami arahkan kepada halaman login/sign up') Boolean adalah tipe data primitive Boolean termasuk tipe data primitive yang artinya adalah sudah tersedia pada bahasa pemrograman python tanpa harus menggunakan library tambahan, boolean digunakan sebagai pondasi dari sederhana atau kompleksnya sebuah algoritma pada website atau aplikasi tersebut. Boolean operation Pada tipe data boolean tersedia built-in boolean operation seperti logical AND, logical OR, dan logical NOT yang dapat digunakan untuk mengatur logical operation pada projek aplikasi atau website. Mari kita coba tulis barisan kodingnya (AND) untuk memahami lebih jauh: # atur variable a dengan nilai True a = True # atur variable a dengan nilai False b = False # kita coba gabungkan True dengan False bandingkan = a and b # maka hasilnya adalah False print(bandingkan) # namun apabila keduanya memiliki nilai True # kita ubah variable b memiliki nilai True b = True # kita coba gabungkan True dengan True bandingkan = a and b print(bandingkan) # maka hasilnya menjadi True Comparison operators Tipe data boolean juga kita sering gunakan untuk memeriksa apakah orang tersebut memiliki uang dalam membeli produk secara online, contoh kodingan python toko online-nya seperti di bawah ini: # membuat variable saldo tipe data integer saldo = 500000 # membuat variable harga produk tipe data integer harga_produk = 2390494 # membuat variable dengan value boolean dari gabungan interget di atas # kita cek apakah nilai saldo lebih besar dari harga produk cek_hasil = saldo > harga_produk # kita cetak dan hasilnya adalah False # di sini kita sudah memiliki tipe data baru yaitu boolean print(cek_hasil) Kesimpulan penggunaan Boolean Boolean berperan penting mengatur flow sesuai dari business goals pada aplikasi dan website, pelajari lebih dalam tipe data ini untuk meningkatkan user experience yang baik sehingga pengguna betah menggunakan produk kita, good luck.

Laravel merupakan framework PHP yang menawarkan banyak fitur yang memudahkan kita sebagai web developer. Salah satu fitur utama Laravel adalah konsep MVC (Model-View-Controller) yang digunakan di Laravel, yang membagi logika aplikasi menjadi tiga komponen utama, yaitu Model, View, dan Controller. Perbedaan Model dan Controller pada Laravel? Dalam MVC, Model dan Controller adalah dua komponen dengan konsep yang berbeda dan juga memiliki peran yang berbeda. Pada artikel ini, kita akan membahas perbedaan Model dan Controller yang ada pada Laravel. Model Model sendiri merupakan bagian dari konsep MVC yang bertanggung jawab untuk mengelola data dalam aplikasi. Model digunakan untuk mengakses database, mewakili tabel dalam database, dan mengelola data yang memungkinkan kita untuk melakukan operasi CRUD (Create, Read, Update, dan Delete) pada data tersebut. Model juga dapat dihubungkan ke model lain melalui Relationship (relasi) pada Laravel. Contoh implementasi Model pada Laravel Controller Sedangkan, Controller pada Laravel juga merupakan bagian dari konsep MVC yang bertanggung jawab sebagai pengontrol alur aplikasi antara Model dan View. Controller mengatur permintaan dari pengguna, lalu memanggil Model yang sesuai dan mengirimkan data tersebut ke View. Controller juga berperan untuk memberikan response kepada pengguna dengan menyesuaikan halaman atau tampilan yang ditampilkan ke pengguna sesuai dengan permintaan yang diterima. Dalam hal ini, Controller bertindak sebagai perantara antara Model dan View. Contoh implementasi Controller pada Laravel Perbedaan Model dan Controller Perbedaan utama antara Model dan Controller pada Laravel dapat dibedakan dari fungsinya. Model berfokus pada pengelolaan data dalam database. Sementara itu, Controller berfokus pada pengelolaan logika aplikasi dan permintaan pengguna serta memberikan response kepada pengguna terkait permintaan yang diminta. Pada Laravel, Model dan Controller saling berhubungan dan bekerja sama dalam membangun sebuah aplikasi Laravel. Model memungkinkan Controller untuk mengambil data yang diperlukan dari database, dan Controller memanipulasi data yang diperoleh melalui Model. Controller pada Laravel Kesimpulan Model dan Controller pada Laravel memiliki peran yang berbeda. Model bertanggung jawab untuk mengelola data dalam database aplikasi. Sedangkan Controller bertanggung jawab untuk menerima permintaan dari pengguna, memproses permintaan tersebut, dan menampilkan response yang sesuai dengan permintaan. Penggunaan Model dan Controller yang tepat akan memungkinkan kita sebagai web developer untuk memisahkan antara logika aplikasi dan tampilan, sehingga aplikasi dapat lebih mudah dipelihara dan dikembangkan di waktu yang akan datang.

Ketika kita sedang mengakses halaman website, mungkin kita pernah melihat pesan peringatan yang muncul ketika kita mencoba mengakses halaman tertentu. Misalnya, ketika kita melakukan login dengan menggunakan akun dengan role sebagai “customer”, namun kita mengakses halaman dashboard admin atau halaman yang hanya bisa diakses oleh akun dengan role “super admin”. Maka permintaan tersebut tidak diizinkan untuk diproses dan pesan kesalahan atau peringatan akan muncul. Hal tersebut merupakan gambaran bagaimana Middleware pada Laravel bekerja. Fungsi Utama Middleware pada Laravel? Middleware menjadi salah satu fitur yang sangat penting pada Laravel. Dengan Middleware kita dapat mengontrol dan memodifikasi permintaan HTTP setelah ataupun sebelum permintaan tersebut diproses oleh aplikasi Laravel kita. Sederhananya, Middleware pada Laravel layaknya seperti filter sebagai penghubung antara permintaan HTTP dengan aplikasi Laravel kita yang dapat membantu memeriksa permintaan dan menentukan apa yang harus dilakukan sebelum permintaan tersebut diproses. Middleware memiliki beberapa fungsi utama yang diantaranya adalah sebagai berikut: Authentication Middleware pada Laravel dapat kita gunakan untuk melakukan Authentication (autentikasi) dimana kita dapat melakukan verifikasi terhadap pengguna aplikasi kita. Misalnya kita dapat menggunakan Middleware untuk memastikan pengguna perlu login terlebih dahulu sebelum mengakses halaman tertentu pada aplikasi Laravel kita. Laravel menyediakan Auth Middleware bawaan yang dapat kita gunakan untuk mengimplementasikan autentikasi pada aplikasi Laravel kita. Contoh implementasi Authentication Authorization Selanjutnya, Middleware juga dapat kita gunakan untuk melakukan Authorization (otorisasi) untuk memastikan pengguna aplikasi kita hanya dapat mengakses halaman tertentu yang sesuai dengan hak akses yang telah kita tentukan. Otorisasi biasanya digunakan untuk mengatur akses pengguna kedalam sistem aplikasi kita. Laravel juga menyediakan Middleware bawaan yaitu Gate Middleware yang dapat kita gunakan untuk mengimplementasikan otorisasi pada aplikasi Laravel kita. Contoh implementasi Authorization Logging Selain Authentication dan Authorization, Middleware juga dapat kita gunakan untuk melakukan Logging, yaitu mencatat permintaan HTTP dan respons yang diterima, serta mengidentifikasi masalah yang muncul pada aplikasi Laravel kita. Laravel menyediakan Log Middleware sebagai Middleware bawaan untuk mengimplementasikan Logging. Contoh implementasi Logging Throttling Middleware dapat kita gunakan untuk melakukan Throttling, yaitu mengatur dan membatasi jumlah permintaan HTTP yang masuk dan diterima oleh aplikasi kita dalam jangka waktu tertentu dari satu sumber. Hal ini sangat penting dan berguna untuk mencegah serangan DDos terhadap aplikasi kita. Kita dapat menggunakan Middleware bawaan Laravel yaitu RateLimiter untuk mengimplementasikan Throttling pada aplikasi kita. Contoh implementasi Throttling Kesimpulan Middleware merupakan fitur yang sangat penting pada Laravel dan berguna untuk meningkatkan kinerja aplikasi kita. Kita dapat dengan mudah mengatur alur permintaan HTTP dan mengontrol akses pada fitur-fitur tertentu pada aplikasi kita. Dengan memahami fungsi-fungsi utama seperti Authentication, Authorization, Logging, dan Throttling, kita dapat mengoptimalkan penggunaan middleware di dalam aplikasi Laravel yang kita bangun.

Ketika ingin mengembangkan sebuah website sangat umum untuk membuat sebuah tampilan yang dapat menampilkan dan menyembunyikan komponen tergantung terhadap suatu kondisi tertentu. Sebagai contoh kita ingin membuat sebuah tampilan yang dapat menampilkan pesan berbeda pada halaman web berdasarkan pada kondisi pengguna sudah log in atau belum. Conditional Rendering pada React JS Rendering merupakan suatu proses yang ada pada React yang digunakan untuk merubah tampilan suatu komponen. Teknik ini memungkinkan kita untuk menyesuaikan tampilan berdasarkan kondisi tertentu, sehingga kita dapat membuat tampilan yang lebih interaktif dan responsif terhadap interaksi pengguna. Dalam React JS, kita dapat menggunakan pernyataan if/else, switch/case, atau operator ternary untuk mengatur kondisi yang akan menentukan tampilan yang akan ditampilkan pada komponen. Membuat Conditional Rendering Menggunakan If/Else Sebagai contoh kali ini kita akan membuat sebuah conditional rendering menggunakan pengkondisian If/Else. Pada kasus ini kita akan membuat sebuah tampilan website yang berisikan suatu pesan dan pesan tersebut akan berubah tergantung pada kondisi pengguna. Jika pengguna telah log in maka akan menampilkan pesan “Selamat datang, (nama pengguna)” dan jika belum maka akan menampilkan pesan “Selamat datang, silahkan log in Membuat Komponen React Pertama kita akan membuat sebuah komponen bernama “Home” yang akan berfungsi untuk menampilkan pesan pada website. Pada komponen ini akan mengimport sebuah komponen yang bernama “LoginStatus”, setelah mengimport kita akan memberikan komponen tersebut dua buah props yaitu “nama” dan “isLoggedIn”. Properti “nama” digunakan untuk mengirimkan nama yang akan digunakan dalam kasus ini kita menggunakan nama Admin dan properti “isLoggedIn” sebagai pengkondisian apakah kondisinya true atau false. Kode komponen Home pada React JS Kita akan membuat sebuah komponen yang akan digunakan untuk menampung logika pengkondisian. Pada komponen ini akan menangkap dua buah props yaitu “nama” dan “isLoggedIn”. Jika kondisi props “isLoggedIn” adalah true maka komponen akan menampilkan sebuah elemen h1 yang berisi pesan “Selamat datang” yang diikutin dengan isi dari properti “nama”. Jika kondisinya false maka akan menampilkan pesan “Selamat datang, silahkan log in”. Kode Komponen LoginStatus pada Reac JS Hasil Tampilan Hasil tampilan jika kondisi properti isLoggedIn adalah true pada React JS Jika kondisi properti isLoggedIn adalah true makan komponen akan menampilkan pesan seperti gambar di atas dengan properti nama. Hasil tampilan jika kondisi properti adalah false pada React JS Jika pengguna belum log in atau kondisi properti “isLoggedIn” adalah false maka komponen akan menampilkan sebuah pesan “Selamat datang, silahkan log in.” Kesimpulan Conditional rendering merupakan sebuah fitur yang dapat membantu kita menentukan tampilan dari sebuah komponen bergantu pada kondisi tertentu yang sudah ditetapkan. Dengan menggunakan conditional rendering para developer dapat membuat sebuah website yang lebih dinamis dan interaktif. Jika kamu tertarik mempelajari ReactJS kamu dapat memulainya dari mempelajari tentang Javascript kemudian mempelajari dasar dari ReactJS. Apabila kamu masih kebingungan kamu juga dapat melihat alur belajar ReactJS dan mengetahui apa saja Tips Belajar ReactJS untuk Pemula.

React JS merupakan sebuah library open-source yang digunakan untuk mengembangkan tampilan pada website agar lebih dinamis dan interaktif yang cukup populer. React JS menggunakan konsep komponen yang berbentuk fungsi dalam bahasa Javascript yang berguna untuk mengatur logika dan tampilan pada web. 5 Library React JS untuk Web Developer Untuk mengembangkan sebuah tampilan website yang dinamis dan interaktif pada React JS membutuhkan beberapa library tambahan, library ini merupakan library dari pihak ketiga yang berfungsi untuk membantu developer memperluas fungsionalitas dan mempercepat proses pengembangan sebuah website. Berikut ini 5 Library React JS yang perlu kamu tahu, penasaran?simak penjelasan berikut. React-Router Tampilan web React Router library React JS React-Router merupakan sebuah library pada ReactJS yang biasa digunakan untuk melakukan proses routing pada web yang menggunakan library ReactJS. React-Router ini membantu kamu agar website yang kamu buat bisa perpindah-pindah halaman dengan mudah. Dengan menggunakan React-Router dapat membantu kamu dalam proses navigasi website menjadi lebih responsif dan mudah digunakan. Redux Tampilan web Redux library React JS Redux merupakan sebuah library yang digunakan untuk mengatur state pada aplikasi ReactJS. Dengan menggunakan Redux dapat memudahkan developer untuk mengatur dan memperbarui state pada sebuah website secara terpusat dan agar lebih mudah untuk di-maintenance. Redux memiliki sebuah konsep arstiektur yang disebut dengan Flux yang membagi program untuk tampilan pada website dengan program untuk business logic pada website. Axios Tampilan web Axios library React JS Axios merupakan sebuah library yang berguna untuk melakukan proses HTTP request pada website dengan React JS. Axios dapat memudahkan kamu pada saat mengelola interaksi antara client dan server. Dengan menggunakan Axios, kamu dapat menghemat waktu dalam proses pengembangan sebuah website dikarenakan Axios membantu mengelola HTPP request dengan mudah. Material UI Tampilan web Material UI library React JS Material UI adalah library yang mengimplementasikan desain dari Google Material Design. Material UI membantu para developer untuk mendesain tampilan sebuah website menjadi lebih cepat. Jika menggunakan Material UI kamu tinggal menggunakan komponen yang sudah disediakan oleh Material UI seperti button, card, dan pagination sehingga kamu tidak perlu membuat desain dari komponen tersebut dari awal. Styled Components Tampilan web Styled Components library React JS Styled Components ini merupakan sebuah library yang digunakan untuk melakukan styling pada tampilan sebuah website, bisa dibilang Styled Components ini bisa seperti CSS di dalam Javascript. Karena Styled Components ini seperti CSS di dalam Javascript maka kamu dapat membuat kode CSS yang lebih mudah diatur dan dapat menerapkan konsep logika pada Javascript. Kesimpulan Library tambahan pada React JS dapat membantu developer untuk mempercepat pengembangan aplikasi dengan mengurangi jumlah kode yang harus dibuat dari awal. Selain itu, penggunaan library tambahan juga memungkinkan developer untuk memperluas fungsionalitas aplikasi dan membuat tampilan yang lebih menarik dan responsif. Agar dapat lebih mengenal Javascript kamu dapat membaca roadmap untuk menjadi React JS developer selain itu kamu juga perlu memahami fundamental Javascript agar dapat membuat sebuah projek menggunakan React JS.