Sastra Nababan SastraNababan

## package.json
{
  "name": "pixel-2-components",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title>codesandbox</title>
  </head>
  <body>

## main.js
import Vue from 'vue'
import App from './App.vue'
import Pixel, { ThemeProvider, MpReset } from '@mekari/pixel'

Vue.use(Pixel)

new Vue({
  render: (h) => h(ThemeProvider, [h(MpReset), h(App)])
}).$mount('#app')

## README.txt
REMIX EXAMPLE PROJECT

Remix example project is present when Remix loads very first time or there are no files existing in the File Explorer.
It contains 3 directories:

1. 'contracts': Holds three contracts with different complexity level, denoted with number prefix in file name.
2. 'scripts': Holds two scripts to deploy a contract. It is explained below.
3. 'tests': Contains one test file for 'Ballot' contract with unit tests in Solidity.

SCRIPTS

## gist:97055effc3434cb48284f2a6c4503610
// ============== Scope & Hoisting =============
/*
    // global scope
  {
    // local scope
  }
*/

console.log("_______________________");

## feeds.opml
<?xml version="1.0" encoding="UTF-8"?>

<opml version="1.0">
    <head>
        <title>Julia subscriptions in feedly Cloud</title>
    </head>
    <body>
        <outline text="tech" title="tech">
            <outline type="rss" text="Latest - kate losse" title="Latest - kate losse" xmlUrl="http://www.katelosse.tv/latest?format=rss" htmlUrl="http://www.katelosse.tv/latest/"/>
            <outline type="rss" text="Counting From Zero" title="Counting From Zero" xmlUrl="http://blogs.whitman.edu/countingfromzero/feed/" htmlUrl="http://blogs.whitman.edu/countingfromzero"/>

## folder-structure.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                SastraNababan
                / folder-structure.md
            
            
              Created
              August 8, 2018 13:48
                — forked from ryanflorence/folder-structure.md
            
          
    Folder Structure

Motivations


Clear feature ownership
Module usage predictibility (refactoring, maintainence, you know
what's shared, what's not, prevents accidental regressions,
avoids huge directories of not-actually-reusable modules, etc)


## propCallback.js
export default class Parent extends Component {
  state={
    status:true
  }
  _changeStatus=(status)=>{
    this.setState({status:status})
  }
  render() {
    return (
      <Child

## propsVSstate.csv

          
            house
            leader
            ✓

            
              keong
              foo
              bar

## Counter.js
class Counter extends React.Component{
  // #1 inisialisasi state
  state={
    value :0
  }

  // #2 method untuk merubah state
  minus=()=>{
    let currentValue=this.state.value
    this.setState({ value : currentValue - 1 })
	{
	"name": "pixel-2-components",
	"version": "0.1.0",
	"private": true,
	"scripts": {
	"serve": "vue-cli-service serve",
	"build": "vue-cli-service build",
	"lint": "vue-cli-service lint"
	},
	"dependencies": {
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0" />
	<link rel="icon" href="<%= BASE_URL %>favicon.ico" />
	<title>codesandbox</title>
	</head>
	<body>
	import Vue from 'vue'
	import App from './App.vue'
	import Pixel, { ThemeProvider, MpReset } from '@mekari/pixel'

	Vue.use(Pixel)

	new Vue({
	render: (h) => h(ThemeProvider, [h(MpReset), h(App)])
	}).$mount('#app')
	REMIX EXAMPLE PROJECT

	Remix example project is present when Remix loads very first time or there are no files existing in the File Explorer.
	It contains 3 directories:

	1. 'contracts': Holds three contracts with different complexity level, denoted with number prefix in file name.
	2. 'scripts': Holds two scripts to deploy a contract. It is explained below.
	3. 'tests': Contains one test file for 'Ballot' contract with unit tests in Solidity.

	SCRIPTS
	// ============== Scope & Hoisting =============
	/*
	// global scope
	{
	// local scope
	}
	*/

	console.log("_______________________");
	<?xml version="1.0" encoding="UTF-8"?>

	<opml version="1.0">
	<head>
	<title>Julia subscriptions in feedly Cloud</title>
	</head>
	<body>
	<outline text="tech" title="tech">
	<outline type="rss" text="Latest - kate losse" title="Latest - kate losse" xmlUrl="http://www.katelosse.tv/latest?format=rss" htmlUrl="http://www.katelosse.tv/latest/"/>
	<outline type="rss" text="Counting From Zero" title="Counting From Zero" xmlUrl="http://blogs.whitman.edu/countingfromzero/feed/" htmlUrl="http://blogs.whitman.edu/countingfromzero"/>
	export default class Parent extends Component {
	state={
	status:true
	}
	_changeStatus=(status)=>{
	this.setState({status:status})
	}
	render() {
	return (
	<Child
	class Counter extends React.Component{
	// #1 inisialisasi state
	state={
	value :0
	}

	// #2 method untuk merubah state
	minus=()=>{
	let currentValue=this.state.value
	this.setState({ value : currentValue - 1 })