Skip to content

Rough Draft of New Reactivity Section #62

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 21 commits into from
Apr 28, 2020
Merged

Rough Draft of New Reactivity Section #62

merged 21 commits into from
Apr 28, 2020

Conversation

sdras
Copy link
Member

@sdras sdras commented Apr 4, 2020

This PR is a rough draft of a new revised Reactivity section. Previously we got some feedback that the Reactivity Section wasn't so clear and was a little opaque. I've broken down concepts a bit more to ramp folks up to things they might not be familiar with.

Here's what the PR includes:

  • New section: What's is Reactivity
  • New section: How Vue Tracks These Changes
  • New section: Watchers
  • New section: Virtual DOM
  • Old section: Declaring Reactive Properties
  • Old section: Async Update Queue

What's left to do:

  • I need either redo the codepens or add them into the page via components, because we have some duplicated scripts, and they need to be responsive
  • I would love to introduce data-line highlighting on the code samples so folks can see at a glance what's changed
  • Haven't touched the old sections yet
  • I have a JS animation player that I have to update, but I'd like to add them to the animated examples.

Open to feedback!

@sdras
Copy link
Member Author

sdras commented Apr 4, 2020

Forgot to mention, as per our earlier conversations, I added a small thing into the writing guide about how scoping down PRs. The irony does not escape me.

Copy link
Member

@NataliaTepluhina NataliaTepluhina left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for this nice and dedicated PR, @sdras! It's an awesome explanation of Proxies-based reactivity 👍

I've left a few notes to discuss 😅

sdras and others added 4 commits April 7, 2020 23:24
Co-Authored-By: Evan You <[email protected]>
Co-Authored-By: Natalia Tepluhina <[email protected]>
Co-Authored-By: Natalia Tepluhina <[email protected]>
Copy link
Member

@bencodezen bencodezen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great job with this @sdras! Just added some minor things I noticed going through it.

@sdras
Copy link
Member Author

sdras commented Apr 26, 2020

Thanks for the feedback!

Ok, this should be in a better state now for merging. In subsequent PRs, we will address:

  • change detection caveats section
  • moving codepens to Vue account and click to load functionality

Let me know if you need further changes on this that don't apply to those two pieces! Thanks!

Copy link
Member

@bencodezen bencodezen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Love the updates to the CodePen embeds!

Minor style update in a code block was suggested to be consistent with the rest of the other comments in the code examples in case it was an accident; but otherwise feel free to disregard!

sdras and others added 3 commits April 28, 2020 11:17
Co-Authored-By: Ben Hong <[email protected]>
Co-Authored-By: Ben Hong <[email protected]>
Co-Authored-By: Ben Hong <[email protected]>
@sdras sdras merged commit 70210b3 into master Apr 28, 2020
@sdras sdras deleted the reactivity branch April 28, 2020 17:20
TalexDreamSoul pushed a commit to Talexs/docs that referenced this pull request Apr 17, 2022
* integrate zhlint into scripts

* add zhlint as a dev dep

* upgrade zhlint
moHaHa pushed a commit to moHaHa/vuejs-docs that referenced this pull request May 4, 2023
translate components/v-model components/attrs
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants