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

Post a Comment

Popular posts from this blog

Numpang Kerja Remote dari Bandung Creative Hub

-
Image
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 ...
Read more

Numpang Kerja Remote dari Bandung Digital Valley

-
Image
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...
Read more

Cara Decompile berkas Dex dan Apk Android

-
Image
JADX         jadx  - Dex to Java decompiler Aplikasi Command line dan GUI   untuk mendapatkan kode sumber Java Android dari file Dex dan Apk. Adakalanya kita ingin membuat suatu fitur di Android dan tidak tau cara buatnya gimana, maka salah satu cara yang bisa ditempuh adalah mencontek dari aplikasi jadi dan kebetulan memiliki fitur yang kita inginkan. Hal ini bisa dilakukan  dengan membuka file Apk dan mendapatkan kode sumbernya untuk dicontek. Berikut adalah bagaimana cara melakukan decompile file Apk di Android dengan menggunakan aplikasi JADX. Proses Instalasi Android Decompiler JADX git clone https://github.com/skylot/jadx.git cd jadx/ ./gradlew dist Proses Instalasi JADX Proses Decompile Apk cd build/jadx/bin ./jadx ./jadx /home/yoesoff/Downloads/SmarterNoise_com.smarternoise.app.apk Proses Decompile File Hasil Decompile File hasil decompile ada di Folder SmarterNoise_com Folder...
Read more