VA.gov Onboarding

Tutorial: Make a New VA.gov React Widget
An Introduction

Local Environment Setup
What is a VA.gov React Widget?
The static-pages Application
The Conditional Widget Mounting Pattern

Scaffolding

Create a Feature Branch
Add a New Widget Identifier
Create a Directory for the Widget
Create a Directory for the React Component
Create a Basic React Component
Conditionally Mount the Widget
Call the Widget's "create" Function
View Your Widget

Writing Unit Tests

Write a Unit Test for the React Component
Write a Unit Test for the Widget's "create" Function

Create a Feature Branch

Create a new branch off of main to develop your new widget:

git checkout -b feature/hello-world-widget

Back Continue