learnTS

Software required

AWS CLI - maybe For deploying application.

• Alternative .gitignore with .env.dev storing keys.
• Prod will have keys stored in Secrets.

VSCode - For IDE with Typescript.

Goals

Build an application with typescript. Learn Typescript

Application

Learning

• Primatives
• Iterators
• Logic
• Comperators

Small Application - Interact with the Node lib

• NodeJS Application

Command Line Application - Build a simple CLI app with Gluegun

• Use Gluegun

Simple Website - Render HTML with express.

• Express

Complex Website - Render HTML with Gatsby

• Gatsby
• Storybook

Infrastructure

CI/CD

Accomplished using Github Actions for free.

secrets

SLACK_WEBHOOK - this is for semantic-release to notify Slack.
TRILOM_BOT_TOKEN - this is because some GH Actions require a non-action token to trigger certain sub-actions.
NPM_TOKEN - this is a token to release our package to NPM.

On Pull Request

.github/workflows/pr.yaml will run.

This will:

• build - with yarn as a packager and tsc as a compiler
• test - with jest using ts-jest as the preprocessor and jest-circus as a testRunner.
• lint - with eslint using action-eslint this will lint and comment back to the PR if problems and not a fork.
• format - with prettier and push back lint fixes if not a fork.

On Push

.github/workflows/release.yaml will run if branch is master, next, alpha, or beta.

This will:

• build - with yarn as a packager and tsc as a compiler
• test - with jest using ts-jest as the preprocessor and jest-circus as a testRunner.
• release - with semantic-release if triggered by:
  • fix (1.0.X) - adding fix: or fix(page): your message to a git commit message
  • feat (1.X.0) - adding feat: or feat(thing): your message to a git commit message
  • perf BREAKING CHANGE (X.0.1) - adding perf: or perf(change): your message to git commit message or BREAKING CHANGE: to the git body Github Action to run yarn deploy --prod this will deploy to prod. yarn deploy will deploy a dev environment to your current AWS account.
  • Semantic release will use:
    • @semantic-release/commit-analyzer to parse commits.
    • @semantic-release/release-notes-generator to generate release notes.
    • semantic-release-slack-bot to notify slack.
    • @semantic-release/changelog to create a changelog.
    • @semantic-release/npm to release to NPM
    • @semantic-release/github to release to Github
    • @semantic-release/git to push release commit.
  • After semantic release, deploy will to deploy the application to AWS using CDK.

View

React/Gatsby

Backend

AWS Lambda

Datastore

AWS DynamoDB