A Journey into Vue-Router

Evergreen

🌳

Last tended Jan 16, 2020

Illustrated Notes

Web Development

A box with green vue roads coming out of it

I haven't explored the

framework much but it's got a thriving community, and I wanted to see how it compared to React, Svelte, and the 20 other font-end framework options.

I got to see inside the Vue-machine a little while working through

Laurie Barth

egghead course

on how to set up routes between Vue pages and components.

I made a few illustrated notes on the main concepts

To setup, install and import vue router, create an empty array of routes, and pass that array into a new router function

When making new routes, each one needs a path and a component. We can also pass parameters to our routes

The wild card path acts as a cacthall for unknown routes

If you're a Vue person and want to dive into this more, you can check out Laurie's course here...

Want more illustrated notes on web development?

Take a look at

Instachatting with Vue & Socket.io

Immutable Data with Immer and Personal Assistant Bots

, or

What the Fork is xState?

Linked References

Building Custom React Hooks

Last year the React team released a feature called "hooks" that lets you do some powerful stuff we couldn't do as easily before... Managing state. Accessing DOM elements. Using side effects. It's…

What the Fork is xState?

xState is a snazzy way to manage JavaScript application state using visual state charts. It's a pretty wonderful tool for making sure you think through every possible edge case of an application…

Want to share?

Tell Twitter About It