Skip to content

Instantly share code, notes, and snippets.

View ZackDeRose's full-sized avatar

Zachary DeRose ZackDeRose

202 followers · 4 following
View GitHub Profile
@ZackDeRose
ZackDeRose / prefix-terminal-output.ts
Created January 26, 2023 05:29
function prefixTerminalOutput(cp: ChildProcess, prefix: string) {
function logWithPrefix(data: string) {
if (!data) {
return;
}
console.log(
data
.split('\n')
.map((line) => `${prefix} ${line}`)
.join('\n')
@ZackDeRose
ZackDeRose / start-backend-server.ts
Created January 26, 2023 05:27
async function startBackendServer(options: ServeFullstackExecutorSchema) {
let frontendServerStarted = false;
return new Promise(() => {
const childProcess = exec(`npx nx serve ${options.backendProject}`, {
maxBuffer: LARGE_BUFFER,
});
process.on('exit', () => childProcess.kill());
process.on('SIGTERM', () => childProcess.kill());
childProcess.stdout.on('data', (data) => {
if (!frontendServerStarted && data.includes('No errors found.')) {
@ZackDeRose
ZackDeRose / adding-fullstack-serve-target.ts
Created January 26, 2023 05:26
// ...
async function createReactApplication(
tree: Tree,
options: AppGeneratorSchema,
webAppName: string
) {
await reactAppGenerator(tree, {
name: webAppName,
linter: Linter.EsLint,
@ZackDeRose
ZackDeRose / create-react-application-fn-1.ts
Created January 26, 2023 03:22
async function createReactApplication(
tree: Tree,
options: AppGeneratorSchema,
webAppName: string
) {
await reactAppGenerator(tree, {
name: webAppName,
linter: Linter.EsLint,
style: 'css',
e2eTestRunner: 'none',
@ZackDeRose
ZackDeRose / gist:4894f924b9d7dd603a0c22c248e354c7
Created January 13, 2023 23:59
test
@ZackDeRose
ZackDeRose / supaship-course.css
Created November 25, 2022 21:05
@import url("https://use.typekit.net/rcr1opg.css");
/*
! tailwindcss v3.2.2 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
@ZackDeRose
ZackDeRose / nx-refactr-tech.schedule.md
Last active August 14, 2021 14:36

Rough Schedule

breaks are in bold

  • 8:00am PST | 11:00am EST - Introductions
  • 8:05am PST | 11:05am EST - Lab 1
  • 8:30am PST | 11:30am EST - Lab 2
  • 9:00am PST | 12:00pm EST - Lab 3
  • 9:30am PST | 12:30pm EST - BREAK!!
  • 10:00am PST | 1:00pm EST - Lab 4
@ZackDeRose
ZackDeRose / README.md
Last active February 25, 2021 17:46 — forked from kentcdodds/README.md
Function syntaxes supported by TypeScript

TypeScript Function Syntaxes

I'm trying to create examples of all the different ways to write functions and function type definitions in TypeScript.

One requirement is these examples must work with strict mode (noImplicitAny, etc) enabled.

If I'm missing anything, please add comments below with examples. I'll eventually put this into a blog post.

Keep in mind that there are TONS of combinations of different syntaxes. I only want to include those which are less obvious combinations or unique in some way.

@ZackDeRose
ZackDeRose / heroes.ts
Created August 31, 2019 15:41
const COUNT = 10000;
interface Hero {
heroName: string;
heroId: number;
}
interface AlterEgo {
realName: string;
heroId: number;
@ZackDeRose
ZackDeRose / workspace-schematic.md
Created June 13, 2019 22:53

Workspace Schematics

A utilitarian guide for creating Nx Workspace Schematics

Notes on Schematic - When They Are and Are Not Useful

Schematics are a one-time event that adjusts your filesystem - usually for the purpose of automating boilerplate or configuration.

If you've ever written down a list of things to do or files to adjust everytime you create a component (for example), a schematic is an excellent solution.