Skip to content
Navigation Menu
Sign in
Products
Platform
GitHub
Repository hosting, code review, and collaboration
Copilot
AI coding agent for tasks, projects, and automated work
Build & Ship
Actions
CI/CD and automation
Code Quality
Quality analysis, fixes, and enforcement
Codespaces
Cloud development environments
Secure
Code Security
Vulnerability detection and remediation
Secret Protection
Secret scanning and leak prevention
All Features
Developers
Learn
Documentation
Training
Certifications
Build
Build with Copilot
Customize Copilot
Integrations
Explore
Trending repos
GitHub Sponsors
Developer articles
Changelog
Changelog
Your source for the latest features, improvements, and fixes across GitHub products, all in one place.
Businesses
By Stage
Enterprises
Team
Startups
Nonprofits
By Industry
Healthcare
Financial services
Manufacturing
Government
See all industries
Evaluate GitHub
Why GitHub
Customer Stories
Business insights
Trust Center
Add-ons
GitHub Advanced Security
Enterprise-grade code security
Copilot for business
Enterprise-grade AI features
Premium Support
Enterprise-grade 24/7 support
Resources
Learn & Connect
Documentation
Resource center
Blog
Events & webinars
Community Forum
Customer Stories
Integrations
Support
Customer support
Training
GitHub Status
Company
About
Partners
Changelog
GitHub Universe
GitHub Universe
The event for developers, by developers — talks, workshops, and what’s next for GitHub.
Pricing
Search
/
Sign in
Sign up
Appearance settings
You signed in with another tab or window.
Reload
to refresh your session.
You signed out in another tab or window.
Reload
to refresh your session.
You switched accounts on another tab or window.
Reload
to refresh your session.
Dismiss alert
{{ message }}
togiberlin
github_explorer
Repository navigation
Code
Issues
2
(2)
Pull requests
Actions
Wiki
Security and quality
Insights
More
items
3. Problem Solving Approach
Jump to bottom
togiberlin edited this page
Oct 11, 2020
·
2 revisions
My Approach to Implementing Components
Build a
static version
of the component with hardcoded mock data.
Break down the static HTML into
components
with parent -> child data flow.
Hard code the
initial state
.
Create state
mutations
.
Rinse and repeat.
My Approach to Implementing State Management
Code
state objects
.
Create
mutations
, that will occur.
Create
actions
, which will call mutations.
Create
getters
for computed state data.
Rinse and repeat.
Wiki pages
Pages
6
Loading
0. Home
Uh oh!
There was an error while loading.
Please reload this page
.
Loading
1. Task Description
Uh oh!
There was an error while loading.
Please reload this page
.
Loading
2. Technology Stack
Uh oh!
There was an error while loading.
Please reload this page
.
Loading
3. Problem Solving Approach
My Approach to Implementing Components
My Approach to Implementing State Management
Loading
4. Component Hierarchy
Uh oh!
There was an error while loading.
Please reload this page
.
Loading
5. Vuex Data Flow
Uh oh!
There was an error while loading.
Please reload this page
.
Clone this wiki locally
You can’t perform that action at this time.