Post

Build Your First Mobile App With React - Native and Expo

Salam hangat, sahabat sharehubid. Pada article kali ini, sharehubid akan memberikan tutorial tentang pembuatan Mobile App dengan menggunakan React - Native & Expo. Sebelum kesana, sebelumnya kita berkenalan dulu dengan React - Native dan juga Expo.

Secara Singkat, React - Native merupakan javascript frame work yang digunakan untuk mengembangkan Mobile App ataupun Smartphone App. Kelebihannya yaitu aplikasi yang dikembangkan dapat berjalan pada platform An...

See more
Post

Build Your First Mobile App With React - Native and Expo #2

Salam hangat para sahabat sharehubid. Pada article sebelumnya kita sudah memulai membuat project baru menggunakan Expo. Kali ini pembuatan simple mobile app akan saya lanjutkan kembali. Baiklah, buka project "first-project" yang sudah kita buat menggunakan text editor anda masing - masing. Untuk saya sendiri, saya menggunakan VSCODE dengan extensions yang sudah saya jabarkan pada article sebelumnya.

Pertama - tama, siapkan dulu directory yang akan kita gunakan untuk menyimpan semua co...

See more
Post

Learn To Build React Boilerplate #4

Pada article sebelumnya kita sudah melakukan integrasi antara react dan webpack, membuat addtional NPM, dan index.js yang dinamis. Dan untuk selankjutnya, sebelum kita menambahkan React test, kita perlu mengintegrasikan "Enzym", yaitu suatu library yang akan memungkinkan kita untuk asserting, manipulating dan traversing komponen - komponen react.

Mari kita mulai dengan menginstal Enzyme dan enzyme-adapter-react-16, yang diperlukan untuk menghubungkan Enzyme ke proyek menggunakan react...

See more
Post

Introduction to GraphQL

GraphQL adalah sebuah Query Language yang mungkin belum anda jumpai sebelumnya. Biasanya, jika kita ingin mengambil data dari sebuah API yang menyimpan misalkan saja menyimpan informasi film, Anda akan memiliki endpoint URL spesifik yang gunakan, dalam hal ini misal, contohURL.com/film/:id. Sebagai nilai kembali biasanya adalah judul, genre, dan beberapa data - data yang lain.

Sekarang, jika kita ingin menarik beberapa data tentang sutradara dari film kita harus membuat...

See more
Post

Learn To Build React Boilerplate #3

Pada article yang lalu, kita telah sampai melakukan configurasi Jest dan melakukan test. Selanjutnya kita akan lanjutkan melakukan react set up. Buka root project pada terminal anda dan lakukan perintah "npm i react-dom --save". 

Bila sudah buatlah file dengan nama dan pada directory seperti ini : "src/client/app.js" dan tambahkan code seperti berikut.

See more