Lihat yu !!: React JS Tutorial

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

Tidak ada komentar:

Posting Komentar

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', ), );