PR: Halaman State Management #73

Bbw0706 · 2019-03-08T14:07:38Z

No description provided.

Bbw0706 · 2019-03-08T14:08:22Z

@mazipan @nusendra bisa di cek mas

src/v2/guide/state-management.md

Co-Authored-By: Bbw0706 <[email protected]>

Bbw0706 · 2019-03-08T17:21:27Z

oke sudah saya commit updatenya mas

andriawan · 2019-03-08T17:23:18Z

selebihnya tunggu feedback mas @mazipan dan @nusendra mas @Bbw0706

mazipan · 2019-03-09T03:10:44Z

src/v2/guide/state-management.md


-<div class="vue-mastery"><a href="https://www.vuemastery.com/courses/mastering-vuex/intro-to-vuex/" target="_blank" rel="noopener" title="Vuex Tutorial">Watch a video explanation on Vue Mastery</a></div>
+<div class="vue-mastery"><a href="https://www.vuemastery.com/courses/mastering-vuex/intro-to-vuex/" target="_blank" rel="noopener" title="Vuex Tutorial">Lihatlah sebuah video yang menjelaskan tentang Vue Mastery</a></div>


Tonton video penjelasan di Vue Mastery

mazipan · 2019-03-09T03:11:14Z

src/v2/guide/state-management.md


-If you're coming from React, you may be wondering how vuex compares to [redux](https://github.com/reactjs/redux), the most popular Flux implementation in that ecosystem. Redux is actually view-layer agnostic, so it can easily be used with Vue via [simple bindings](https://yarnpkg.com/en/packages?q=redux%20vue&p=1). Vuex is different in that it _knows_ it's in a Vue app. This allows it to better integrate with Vue, offering a more intuitive API and improved development experience.
+Jika kamu pernah menggunakan React, kamu mungkin ingin tahu perbandingan vuex dan [redux](https://github.com/reactjs/redux), Libary untuk implementasi Flux yang paling populer. Redux sebenarnya hanya sebatas lapisan tampilan saja, jadi bisa digunakan bersama Vue dengan mudah dengan cara via [simple bindings](https://yarnpkg.com/en/packages?q=redux%20vue&p=1). Vuex berbeda karna ia langsung terhubung dengan Aplikasi milik Vue. Jadi karna ini ia terintegrasi lebih baik dengan Vue, dan juga Vuex menawarkan API yang lebih intuitif dan meningkatkan pengalaman pengembangan.


Library -> Pustaka

Redux sebenarnya tidak tergantung pada suatu lapisan tampilan

dengan cara via -> dengan cara

simple binding -> binding sederhana

mazipan · 2019-03-09T03:16:42Z

Masih banyak kalimat yang susah dipahami maksudnya, bisa minta tolong coba dibaca ulang dari awal sampai akhir. Buat mastiin maksudnya nyampe ke pembaca

mazipan · 2019-03-09T03:19:32Z

src/v2/guide/state-management.md


-As we continue developing the convention where components are never allowed to directly mutate state that belongs to a store, but should instead dispatch events that notify the store to perform actions, we eventually arrive at the [Flux](https://facebook.github.io/flux/) architecture. The benefit of this convention is we can record all state mutations happening to the store and implement advanced debugging helpers such as mutation logs, snapshots, and history re-rolls / time travel.
+Saat kita melanjutkan pengembangan ketentuannya dimana component tidak boleh merubah state yang dimiliki oleh store secara langsung, tapi sebagai gantinya kita harus mengirim event untuk memberitahu store untuk menjalankan action, akhirnya kami bertemu dengan [Flux](https://facebook.github.io/flux/) arsiktektur. Keuntungan menggunakan ketentuan ini adalah kita bisa merekam semua perubahan state yang terjadi pada store dan sudah terimplement alat debugging seperti catatan perubahan, snapshot/potretan, dan bisa melakukan pengulangan sejarah/perjalanan waktu


Enaknya dikasih koma.
Saat kita melanjutkan pengembangan, ada ketentuan dimana komponen....

component -> komponen
merubah -> mengubah

terimplement -> terpasang

alat debugging -> alat debug

mazipan · 2019-03-09T03:22:32Z

src/v2/guide/state-management.md


-## Simple State Management from Scratch
+## Pengelolaan State dari Awal Dengan Mudah


Pengelolaan State Sederhana dari Awal

mazipan · 2019-03-09T03:24:06Z

src/v2/guide/state-management.md

@@ -30,9 +30,9 @@ const vmB = new Vue({
 })
 ```

-Now whenever `sourceOfTruth` is mutated, both `vmA` and `vmB` will update their views automatically. Subcomponents within each of these instances would also have access via `this.$root.$data`. We have a single source of truth now, but debugging would be a nightmare. Any piece of data could be changed by any part of our app at any time, without leaving a trace.
+Sekarang saat `Sumber Kebenaran` dirubah, kedua `vmA` dan `vmB` akan merubah tampilan mereka secara otomatis. Subcomponents dalam beberapa instance ini juga perlu mengaksesnya dengan `this.$root.$data`. Sekarang kita punya satu sumber kebenaran, namun melakukan debugging akan sangat sulit sekali. Setiap bagian dari data bisa berubah dengan setiap bagian dari aplikasi kita setiap waktunya, tanpa meninggalkan bekas.


sourceOfTruth gak boleh diterjemahkan disini

nusendra

Banyak kata kata / kalimat yang masih kaku (ala ala google translate) dan perlu untuk di terjemahkan secara natural indonesia
Masih banyak versi inggris yang engga italic
Beberapa ada typo, seperti karna => karena
Kamu => Anda

Sudah saya beri suggestion yang benar, silakan diganti sesuai dengan itu. Thanks mas :-)

src/v2/guide/state-management.md

nusendra

Ada beberapa yang perlu diubah. Dikit lagi mas

src/v2/guide/state-management.md

Bbw0706 · 2019-03-09T05:46:59Z

oke sudah di push mas @nusendra

nusendra · 2019-03-09T05:52:40Z

aku udah sip mas @Bbw0706 . Nunggu review nya mas @mazipan

ready review

3d33b0d

mazipan mentioned this pull request Mar 8, 2019

Halaman State Management #35

Closed

mazipan changed the title ~~ready review~~ PR: Halaman State Management Mar 8, 2019

andriawan reviewed Mar 8, 2019

View reviewed changes

src/v2/guide/state-management.md Outdated Show resolved Hide resolved

Update src/v2/guide/state-management.md

575ba72

Co-Authored-By: Bbw0706 <[email protected]>

mazipan requested changes Mar 9, 2019

View reviewed changes

fixing word

f00f958

nusendra requested changes Mar 9, 2019

View reviewed changes

fixing word

4f02c55

nusendra requested changes Mar 9, 2019

View reviewed changes

src/v2/guide/state-management.md Outdated Show resolved Hide resolved

src/v2/guide/state-management.md Outdated Show resolved Hide resolved

src/v2/guide/state-management.md Outdated Show resolved Hide resolved

fixing store, instance

8f2293c

nusendra approved these changes Mar 9, 2019

View reviewed changes

nusendra merged commit 5920047 into vuejs-id:master Mar 9, 2019


		<div class="vue-mastery"><a href="https://www.vuemastery.com/courses/mastering-vuex/intro-to-vuex/" target="_blank" rel="noopener" title="Vuex Tutorial">Watch a video explanation on Vue Mastery</a></div>
		<div class="vue-mastery"><a href="https://www.vuemastery.com/courses/mastering-vuex/intro-to-vuex/" target="_blank" rel="noopener" title="Vuex Tutorial">Lihatlah sebuah video yang menjelaskan tentang Vue Mastery</a></div>


		If you're coming from React, you may be wondering how vuex compares to [redux](https://github.com/reactjs/redux), the most popular Flux implementation in that ecosystem. Redux is actually view-layer agnostic, so it can easily be used with Vue via [simple bindings](https://yarnpkg.com/en/packages?q=redux%20vue&p=1). Vuex is different in that it _knows_ it's in a Vue app. This allows it to better integrate with Vue, offering a more intuitive API and improved development experience.
		Jika kamu pernah menggunakan React, kamu mungkin ingin tahu perbandingan vuex dan [redux](https://github.com/reactjs/redux), Libary untuk implementasi Flux yang paling populer. Redux sebenarnya hanya sebatas lapisan tampilan saja, jadi bisa digunakan bersama Vue dengan mudah dengan cara via [simple bindings](https://yarnpkg.com/en/packages?q=redux%20vue&p=1). Vuex berbeda karna ia langsung terhubung dengan Aplikasi milik Vue. Jadi karna ini ia terintegrasi lebih baik dengan Vue, dan juga Vuex menawarkan API yang lebih intuitif dan meningkatkan pengalaman pengembangan.


		As we continue developing the convention where components are never allowed to directly mutate state that belongs to a store, but should instead dispatch events that notify the store to perform actions, we eventually arrive at the [Flux](https://facebook.github.io/flux/) architecture. The benefit of this convention is we can record all state mutations happening to the store and implement advanced debugging helpers such as mutation logs, snapshots, and history re-rolls / time travel.
		Saat kita melanjutkan pengembangan ketentuannya dimana component tidak boleh merubah state yang dimiliki oleh store secara langsung, tapi sebagai gantinya kita harus mengirim event untuk memberitahu store untuk menjalankan action, akhirnya kami bertemu dengan [Flux](https://facebook.github.io/flux/) arsiktektur. Keuntungan menggunakan ketentuan ini adalah kita bisa merekam semua perubahan state yang terjadi pada store dan sudah terimplement alat debugging seperti catatan perubahan, snapshot/potretan, dan bisa melakukan pengulangan sejarah/perjalanan waktu


		## Simple State Management from Scratch
		## Pengelolaan State dari Awal Dengan Mudah

PR: Halaman State Management #73

PR: Halaman State Management #73

Uh oh!

Conversation

Bbw0706 commented Mar 8, 2019

Uh oh!

Bbw0706 commented Mar 8, 2019

Uh oh!

Uh oh!

Bbw0706 commented Mar 8, 2019

Uh oh!

andriawan commented Mar 8, 2019

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

mazipan commented Mar 9, 2019

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

nusendra left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

nusendra left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Bbw0706 commented Mar 9, 2019

Uh oh!

nusendra commented Mar 9, 2019

Uh oh!

Uh oh!