shortdiv

ride_id,rideable_type,started_at,ended_at,start_station_name,start_station_id,end_station_name,end_station_id,start_lat,start_lng,end_lat,end_lng,member_casual
A847FADBBC638E45,docked_bike,2020-04-26 17:45:14,2020-04-26 18:12:03,Eckhart Park,86,Lincoln Ave & Diversey Pkwy,152,41.8964,-87.661,41.9322,-87.6586,member
5405B80E996FF60D,docked_bike,2020-04-17 17:08:54,2020-04-17 17:17:03,Drake Ave & Fullerton Ave,503,Kosciuszko Park,499,41.9244,-87.7154,41.9306,-87.7238,member
5DD24A79A4E006F4,docked_bike,2020-04-01 17:54:13,2020-04-01 18:08:36,McClurg Ct & Erie St,142,Indiana Ave & Roosevelt Rd,255,41.8945,-87.6179,41.8679,-87.623,member
2A59BBDF5CDBA725,docked_bike,2020-04-07 12:50:19,2020-04-07 13:02:31,California Ave & Division St,216,Wood St & Augusta Blvd,657,41.903,-87.6975,41.8992,-87.6722,member
27AD306C119C6158,docked_bike,2020-04-18 10:22:59,2020-04-18 11:15:54,Rush St & Hubbard St,125,Sheridan Rd & Lawrence Ave,323,41.8902,-87.6262,41.9695,-87.6547,casual
356216E875132F61,docked_bike,2020-04-30 17:55:4

shortdiv

shortdiv

shortdiv

shortdiv

shortdiv

shortdiv

package main

import (
	"fmt"
	"io"
	"log"
	"net/http"
	"strings"
)

shortdiv

[
        {
            "id": "1pxWR8YnGwIibKOuyo1LNA",
            "alias": "dr-bombays-underwater-tea-party-atlanta",
            "name": "Dr. Bombay's Underwater Tea Party",
            "image_url": "https://s3-media3.fl.yelpcdn.com/bphoto/co9gQrfCR-0YLHs44J8Vog/o.jpg",
            "is_closed": false,
            "url": "https://www.yelp.com/biz/dr-bombays-underwater-tea-party-atlanta?adjust_creative=RvwJadhvURbHeLexAiWR_g&utm_campaign=yelp_api_v3&utm_medium=api_v3_business_search&utm_source=RvwJadhvURbHeLexAiWR_g",
            "review_count": 326,
            "categories": [

shortdiv

Part 1 - State Management

• Review Component: https://codesandbox.io/s/reviews-dr6dd
• Review with Form: https://codesandbox.io/s/reviews-with-form-1qyt4

Part 2 - Basic Vuex

• Basic Counter: https://codepen.io/shortdiv/pen/WNNvmyd
• Timer Component: https://codesandbox.io/s/timer-f4wm7
• Clock: https://codepen.io/shortdiv/pen/qBBOVXv?editors=1010
• Counter with and w/o Vuex: https://codesandbox.io/s/vuex-basic-store-63ngl
• Fetch Reviews: https://codesandbox.io/s/reviews-list-nyd45

shortdiv

Vue State Management and Vuex

This is a full-day workshop on architecting state management in Vue. In this workshop, you will learn why you should use Vuex in your Vue application. Through hands-on exercises, you will learn the basics of Vuex like state, actions, mutations, and getters. We will also cover using named modules as well as best practices. If time permits, we may even dive into the new composition api and how we can harness it for state management!

Slides!

https://github.com/shortdiv/vuex-workshop

Before You Arrive

Make sure you can create a new boilerplate Vue application using Vue CLI.