Lihat yu !!: September 2017

Minggu, 10 September 2017

React JS Tutorial

Installasi ReactJS App

Langkah 1 - Instal Paket Global

Disini kita akan menginstall beberapa plugin untuk mensetupnya. Beberapa plugin untuk babel , ikuti perintah dibawah ini:

C:\Users\nurpa>npm install -g babel

C:\Users\nurpa>npm install -g babel-cli

Langkah 2 - Buat Folder

Disini kita akan membuat root folder(atau juga akar folder), Disini kita akan menempatkannya di dekstop dan kita akan membuat folder dengan nama reactapp dan didalam folder reactapp tersebut kita membutuhkan sebuah package.json dan untuk membuat package.json ikuti perintah dibawah ini:

C:\Users\nurpa>cd dekstop

C:\Users\nurpa\Desktop>mkdir reactapp

C:\Users\nurpa\Desktop>cd reactapp

C:\Users\nurpa\Desktop\reactapp>npm init

Langkah 3 - Tambahkan Plugin lainnya
Disini akan menambahkan plugin dengan menambahkan webpack bundler setelah itu mari kita install webpack dan webpack dev server

C:\Users\nurpa\Dekstop\reactapp>npm install webpack --save

C:\Users\nurpa\Dekstop\reactapp>npm install webpack-dev-server --save

Kamis, 07 September 2017

Instalasi React JS Basic (Untuk Pemula)

Kebanyakan orang pasti bingung gimana sih caranya install react js untuk pemula , itupun berlaku untuk saya, awalnya saya bingung gimana sih caranya install react js dari dasar banget . Tapi alhamdulillah sekarang udah tau caranya.. tapi tiap orang beda-beda sih caranyaa . So kita mulai yaa !

Pertama buka command prompt (cmd) -> W+R laluu ketikan perintah berikut ini:

npm i create-react-app -g

Atau juga bisa perintah dibawah ini:

npm install -g create-react-app

Perintah tersebut merupakan perintah agar kita bisa membuat aplikasi react secara global.
Kemudian jangan lupa mau dimana kita menyimpan aplikasinya kemudian ketik kita bisa buat folder baru ..

create-react-app belajar (nama aplikasi)

Setelah memberi perintah berikut , lumayan agak lamaa sih hehe .. setelah installasi beres teruss kita ketikan perintah berikut ..

Tapi kita harus masuk dulu ke folder aplikasi yang tadi udah kita buat..

cd belajar (nama aplikasi)
npm start

Maka hasil yang akan muncul adalah seperti berikut :

SEMOGA BERHASIL !!

About

dirname(__FILE__).DIRECTORY_SEPARATOR.'..', 'name'=>'My Web Application', // preloading 'log' component 'preload'=>array('log'), // autoloading model and component classes 'import'=>array( 'application.models.*', 'application.components.*', ), 'modules'=>array( // uncomment the following to enable the Gii tool 'gii'=>array( 'class'=>'system.gii.GiiModule', 'password'=>'admin', // If removed, Gii defaults to localhost only. Edit carefully to taste. 'ipFilters'=>array('127.0.0.1','::1'), ), ), // application components 'components'=>array( 'user'=>array( // enable cookie-based authentication 'allowAutoLogin'=>true, ), // uncomment the following to enable URLs in path-format /* 'urlManager'=>array( 'urlFormat'=>'path', 'rules'=>array( '/'=>'/view', '//'=>'/', '/'=>'/', ), ), */ // database settings are configured in database.php 'db'=>require(dirname(__FILE__).'/database.php'), 'db'=>array( 'connectionString' => 'mysql:host=localhost;dbname=demo', 'emulatePrepare' => true, 'username' => 'root', 'password' => '', 'charset' => 'utf8', ), 'errorHandler'=>array( // use 'site/error' action to display errors 'errorAction'=>YII_DEBUG ? null : 'site/error', ), 'log'=>array( 'class'=>'CLogRouter', 'routes'=>array( array( 'class'=>'CFileLogRoute', 'levels'=>'error, warning', ), // uncomment the following to show log messages on web pages /* array( 'class'=>'CWebLogRoute', ), */ ), ), ), // application-level parameters that can be accessed // using Yii::app()->params['paramName'] 'params'=>array( // this is used in contact page 'adminEmail'=>'webmaster@example.com', ), );