Skip to content

Latest commit

 

History

History
105 lines (77 loc) · 5.58 KB

index.md

File metadata and controls

105 lines (77 loc) · 5.58 KB
layout
default

TGRStack (Typescript GraphQL React)

TypeScript styled with TSLint WebPack Node

NPS friendly Commitizen friendly Semver friendly

This site is the collection point for 4 projects Falieson has released or is in the process of releasing.

These projects are all starter-kits that use a common set of utilities and patterns that are designed for a pleasant and productive scalable developer experience. The core technologies for these projects are 2018's "state of the art" for javascript; these are: TypesScript, GraphQL, and React. Combined these libraries form the cornerstone for a full-stack web development experience that is hardened against bugs and trains developers of all experience-levels to write efficient code.

{% if site.feedback_url %} Send TGR Feedback {% endif %}

Features

Core

  • 🚀 ES2018+ support syntax that is stage-3 or later in the TC39 process.
  • 🔥 Hot development restarts dev-server when your src changes
  • 🎛️ Preconfigured to support development and optimized production builds
  • 🎶 typescript incremental returns reducing development bugs
  • 🚦 tslint configured for strict, consistent, code style

Tests

  • 🎭 jest as the test framework.
  • 🎭 ts-jest configured to test TS files, uses tsconfig.jest.json, and skip babel.

Build (w/ Webpack)

  • 📦 All source is bundled using Webpack v4
  • 🌟 webpack merge, splitting config for dev, prod, common
  • 🚦 ts-loader for compiling typescript
  • 💦 babel-loader for additional polyfills (browser support)
  • 😎 HappyPack for multi-core building
  • 🤖 Auto generated Vendor DLL for smooth development experiences
  • 🍃 Tree-shaking

Utils

  • 🎮 nps node-package-scripts removes the limitation of package.json enabling JS & //comments . Modify /package-scripts.js and use nps <command> instead of npm run <command>.
  • 🙌 commitizen to help us generate beautifully formatted and consistent commit messages.
  • 😹 cz-emoji is a plugin for commitizen that adds emoji to the commit template.
  • 🏆 standard-version is a replacement for npm version with automatic CHANGELOG generation
  • ✅ validate-commit-msg validates commit messages to follow commitizen patterns

Comparison and Progress

Spreadsheet Comparison - Pick a Topic to comment on or select an empty row to add a topic

With this list you can see how far I've gotten in my development directories. Expect the github repos to be a little bit behind this spreadsheet; especially at first as I ramp up on publishing writeups about each major stage. ~ Falieson 2018-05-30

Timeline

I am releasing the code incrementally throughout June 2018. Each major branch comes with a tutorial explaining the major advancements so you can understand how these were built.

(year-week) <goal>

  • 2018-22: TS Module: Part 1
  • 2018-23: TS Module: Part 2-4
  • 2018-24: TS Module w/ Webpack: Part 1-?

Typescript-Module

{% include downloads.html repo_url='https://github.com/Falieson/2018-typescript-module' %}

Articles

{% include anchor.html name="ts-module_articles" %}

Typescript-React-Module

{% include downloads.html coming_soon=true repo_url='https://github.com/Falieson/2018-typescript-react-module' %}

Typescript-GraphQL-Endpoint

{% include downloads.html coming_soon=true repo_url='https://github.com/Falieson/2018-typescript-graphql-endpoint' %}

Typescript-GraphQL-React-Fullstack

{% include downloads.html coming_soon=true repo_url='https://github.com/Falieson/2018-typescript-graphql-react-fullstack' %}

TBD...

  1. Guiding Principles
  2. Common Packages

Links

Find Falieson (aka Florian Mettetal) on... {% include social.html %}

{% if site.feedback_url %} Send TGR Feedback {% endif %}