Persiapan memulai belajar ReactJS

Untuk tahap awal adalah dengan mengikuti free course dari Udemy ini supaya memberikan informasi yang solid tentang bagaimana cara memulai belajar ReactJS dari pandangan orang yang sudah berpengalaman, link belajar gratis tersebut dapat ditemukan disini.

Disini menggunakan Javascript ES6, mungkin akan membingungkan, untuk mencegah kebingungan maka artikel singkat ini akan sangat membantu untuk memulai: OOP ES6 https://codeburst.io/javascript-object-oriented-programming-using-es6-3cd2ac7fbbd8

Siapkan Environment dan Tools

Berikut ini adalah konfigurasi dari laptop yang saya gunakan.

Laptop saya seperti ini kondisinya.

+Install NodeJS dan NPM

Untuk instalasi NodeJS dan NPM bisa diambil dari halaman berikut ini.

+Install Yarn

Untuk instalasi Yarn bisa ditemukan dihalaman berikut ini.

+Install Grunt dan Gulp

Untuk instalasi Grunt dan ini untuk instalasi Gulp.

+Install NPX

Satu lagi yang terlupa, mari kita install npx, caranya ada disini.

Install npx.

Penjelasan tentang apa ini NPX dapat anda temukan disini.

+Mau install hampir semua yang diperlukan?

Untuk yang lebih lengkapnya bisa cek dihalaman ini. Halaman tersebut memberikan hampir semua yang diperlukan untuk dapat bekerja dengan Javascript baik BE (Backend) maupun FE (Frontend).

Create React App

Dengan boilerplate ini kita bisa memulai menyiapkan project ReactJS dilaptop kita tanpa banyak menghabiskan waktu, lengkapnya tentang Create React App dapat ditemukan disini. atau langsung di Githubnya disini.

+Buat ReactJS project dengan menggunakan create-react-app

╭─yoesoff@yoesoff-ThinkPad-X220 ~/Documents/labs/ReactJSBlajar

╰─➤ create-react-app my-app2

+Buat ReactJS project dengan menggunakan NPX

Untuk menggunakan NPX bisa dicoba dari sini.

Hasil dari create project diatas akan menghasilkan files dan folders sbb:

+Start Project

Apapun cara untuk menggenerate projectnya cara startnya sama saja yaitu dengan npm start.

╭─yoesoff@yoesoff-ThinkPad-X220 ~/Documents/labs/ReactJSBlajar/my-app1 ‹master›
╰─➤ npm start

hasil dari npm start

Oke, demikian cara setup project ReactJS di laptop Ubuntu saya.

Sumber:
https://www.udemy.com/react-fundamentals/learn/lecture/8799100#overview
https://github.com/facebook/create-react-app#quick-overview

Comments

Numpang Kerja Remote dari Bandung Creative Hub

Semalam kemarin (09 Januari 2019) tidak sengaja kami sekeluarga lewat Bandung Digital Hub saat pulang dari Fish Wow Cheeseee yang di Jl. Lombok. Bandung Digital Hub ini sendiri berlokasi tidak jauh dari dari tempat kami makan tersebut, yaitu berlokasi di Jl. Laswi No.7, Kacapiring, Batununggal, Kota Bandung, Jawa Barat 40271. Berhubung untuk bulan Januari 2019 ini sedang tidak masuk ke kantor maka saya putuskan untuk besoknya (hari ini 09 Januari 2019) nyoba untuk bekerja remote dari Bandung Digital Hub , apalagi istri yang kebetulan follower pak Ridwan Kamil di Instagram juga Facebook dan tampaknya pernah lihat ulasan mengenai tempat ini sehingga tampak antusias supaya saya datang ketempat ini ini dan mencoba bekerja dari gedung creative hub dan coworking yang keren ini. Tempat Parkir Masalah utama saat kita datang ke coworking space terutama yang berlokasi di Bandung (atau mungkin kota-kota lainnya) adalah lahan parkir, kadang lahan parkir ...

Numpang Kerja Remote dari Bandung Digital Valley

Satu lagi co-working place gratisan dan keren yang cukup populer dikota Bandung, co-working place yang juga memberikan fasilitas tempat kerja (co-working place) dan fitur-fitur menarik lainnya, co-working place keren ini adalah Bandung Digital Valley atau yang sering disingkat BDV . C o-working place Bandung Digital Valley ini merupakan bagian dari Telkom , mulai aktif digunakan dari sekitar tahun 2012 lalu . Tempat ini biasanya menjadi tempat favorit bagi para pengiat startup, freelancer, dan mahasiswa . Gedung BDV Gedung BDV Gedung BDV Co-working space Bandung Digital Valley ini sendiri berlokasi di Menara Bandung Digital Valley, Jl. Gegerkalong Hilir No.47, Sukarasa, Sukasari, Kota Bandung, Jawa Barat, detailnya bisa dilihat di Google map berikut. Pemandangan jalan setelah pintu satpam. Free Co-working Space Membership Untuk mulai menggunakan fasilitas co-working space ini secara gratis maka yang pe...

Membuat Authentikasi Berbasis Token pada Spring Boot dengan Spring Security dan JWT

Setelah beberapa kali mencari tutorial tentang otentikasi aplikasi web Spring Boot dengan menggunakan JWT yang mudah dipahami akhirnya saya menemukan artikel berbahasa Inggris tapi sangat mudah dipahami dan diikuti, artikel tersbut berada disini , dengan judul " Spring Boot Token based Authentication with Spring Security & JWT ". Untuk memudahkan orang-orang yang terbiasa membaca artikel dalam bahasa indonesia (termasuk saya sendiri), artikel ini saya buat dan susun ulang (artikel aslinya tidak tertulis dengan runtut dan dapat membuat pemula bingung dengan berbagai error yang muncul) supaya lebih mudah untuk diikuti dan dapat di gunakan bersama. Applikasi yang akan kita buat adalah aplikasi web yang setiap endpoint-nya hanya bisa di akses oleh role tertentu. 1. Tools Yang Diperlukan IntelliJ Idea text editor. Spring Assistant Plugin. Postman. PostgreSQL + DBeaver. Min Java 8 Spring Boot 2.1.8 (dengan Spring Security, Spring Web, Spring Data JPA). jjwt 0.9.1. Maven 3.6.1....

Just another programmer's diary

Search This Blog