Valtio Lightweight Proxy-Based State Management for React.png

In this course, you will learn to use Valtio, a small but powerful state management library for React applications. By just learning the basics, you can create a global state instantly in React.

To kick things off, you’ll start by creating view and app components and learn how to edit them. Once you have some of the basics down, you will run through creating a ToDo list. Lastly, you will drill down into some of the patterns for creating and using state within React.

By the end of this course, you will have a great new library to add to your React applications.

Valtio: Lightweight Proxy-Based State Management for React

They are four: `proxy`, `useSnapshot`, `subscribe` and `snapshot`.

There are some other functions are provided by Valtio. Check out [the repo](https://github.com/pmndrs/valtio) for more information.

They are four: <code>proxy</code>, <code>useSnapshot</code>, <code>subscribe</code> and <code>snapshot</code>.
There are some other functions are provided by Valtio. Check out <a href="https://github.com/pmndrs/valtio">the repo</a> for more information.

How many Valtio API functions are explained in this course?

How many Valtio API functions are explained in this course?

It's called Proxy. Valtio's function `proxy` is named after it.

ES2015 Proxy allows intercepting object property accesses. Valtio uses a "set" handler to trap mutating object properties.

Although, this course didn't cover, Valtio's internal library uses a "get" handler to trap reading object properties. Check out [proxy-compare](https://github.com/dai-shi/proxy-compare) for technical details.

It’s called Proxy. Valtio’s function <code>proxy</code> is named after it.
ES2015 Proxy allows intercepting object property accesses. Valtio uses a “set” handler to trap mutating object properties.
Although, this course didn’t cover, Valtio’s internal library uses a “get” handler to trap reading object properties. Check out <a href="https://github.com/dai-shi/proxy-compare">proxy-compare</a> for technical details.

Which ES2015 feature does Valtio utilize?

Which ES2015 feature does Valtio utilize?

Yes, because Valtio copies object prototype to snapshots. It will work like normal JavaScript object.

Note that `this` depends on context. On snapshot methods, `this` points to the snapshot itself which is not mutable.

Valtio allows `this`-less coding style and it's the primary recommendation.


Yes, because Valtio copies object prototype to snapshots. It will work like normal JavaScript object.
Note that <code>this</code> depends on context. On snapshot methods, <code>this</code> points to the snapshot itself which is not mutable.
Valtio allows <code>this</code>-less coding style and it’s the primary recommendation.

Can we use class syntax to create state?

Test your understanding of the concepts discussed in this course.

__default

Quiz Yourself on Valtio

Question 1

Question 2

Question 3