shawn-sandy

A Hygen template for quickly scaffolding components for react Apps

Hygen is a simple, fast, and scalable code generator that lives in your project.

Build ad-hoc generators quickly and full on project scaffolds.

✅ Local generators per project (and global, if you must)

✅ Built-in scaffolds to quickly create generators

shawn-sandy

---
to: <%= absPath %>/.gitignore
---

# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

shawn-sandy

/**
 * **************************************
 *  FirsPaint
 *  Author: Shawn Sandy
 *  Date: 2021-04-01
 * **************************************
 * @format
 */

@mixin props() {

shawn-sandy

import { Meta } from '@storybook/addon-docs'

Example title

shawn-sandy

node_modules
package-lock.json

# Cache
.npm
.cache
.eslintcache

# ignore built packages
dist

shawn-sandy

npx @squoosh/cli --resize '{"enabled":true,"width":1800,"height":1275,"method":"lanczos3","fitMethod":"stretch","premultiply":true,"linearRGB":true}' --quant '{"enabled":true,"zx":0,"maxNumColors":256,"dither":1}' --webp '{"quality":75,"target_size":0,"target_PSNR":0,"method":4,"sns_strength":50,"filter_strength":60,"filter_sharpness":0,"filter_type":1,"partitions":0,"segments":4,"pass":1,"show_compressed":0,"preprocessing":0,"autofilter":0,"partition_limit":0,"alpha_compression":1,"alpha_filtering":1,"alpha_quality":100,"lossless":0,"exact":0,"image_hint":0,"emulate_jpeg_size":0,"thread_level":0,"low_memory":0,"near_lossless":100,"use_delta_palette":0,"use_sharp_yuv":0}'

shawn-sandy

/*
 ***************************************
 FirsPaint
 Author: Shawn Sandy
 Date: 2021-04-01
 ***************************************
*/

shawn-sandy

{
  "$schema": "https://aka.ms/codetour-schema",
  "title": "Install Setup",
  "steps": [
    {
      "file": "README.md",
      "description": "# Clone the repository \n\nRun `git clone https://github.com/shawn-sandy/cas-tutor-react` of click the link below to run in your terminal\n\n>> git clone https://github.com/shawn-sandy/cas-tutor-react\n\n- Open the repo in VSCode, terminal or your IDE of choice\n- VSCODE users can install the suggested extensions (optional)",
      "line": 17,
      "selection": {
        "start": {

shawn-sandy

import React from 'react'

const Button = (props) => {
  const { className, children, ...rest } = props
  return (
    <button className={className} {...rest}>
      {children}
    </button>
  )
}

shawn-sandy

{
  "$schema": "https://aka.ms/codetour-schema",
  "title": "#1 Install and Setup",
  "steps": [
    {
      "file": "package.json",
      "description": "# Installation\n\n* To install,setup and customize your site please start by clicking `npm i` below or running the command in your terminal of choice\n\n>> npm i\n\n* When installation is complete run `npm start` by clicking the link below or run the command in your terminal\n\n>> npm start\n\nStarts the `dev server` and launches you 11tysite `http://localhost:**` in your default browser with live reloading",
      "line": 1,
      "contents": "{\r\n  \"name\": \"@fppages/substack\",\r\n  \"version\": \"0.0.1\",\r\n  \"config\": {\r\n    \"name\": \"A UI toolkit for building web-apps using First Paint and Eleventy \",\r\n    \"stylesheets\": [\r\n      \"\"\r\n    ],\r\n    \"commitizen\": {\r\n      \"path\": \"./node_modules/cz-conventional-changelog\"\r\n    }\r\n  },\r\n  \"description\": \"FP Pages\",\r\n  \"main\": \"index._js\",\r\n  \"scripts\": {\r