Skip to content

Instantly share code, notes, and snippets.

View tgmarinho's full-sized avatar
💻
read my blog: tgmarinho.com

Thiago Marinho tgmarinho

💻
read my blog: tgmarinho.com
View GitHub Profile

The Problem

Adding inner margins and padding to one component should be avoided. In one screen it may make sense to do this, but as soon as other screen doesn't require that margin, the component becomes incorrect. Do not create new components with inner margins. There are a few ways to undo this. Let's first create an incorrect example:

❌ Wrong

type ProfileCardItemProps = {
  label: string
  value: string
}
@jgcmarins
jgcmarins / decision-matrix.md
Created September 25, 2023 14:49
Looking for a new career opportunity? Use this table to create a ranking of all job offers

Table of concepts and definitions

Concept Definition
Autonomy How well will this company give me autonomy to do my job?
Freedom How much freedom will I have to balance work and personal life?
Responsibilities What level of responsibilities will I have, and how extensive will they be?
Culture How well does this company's culture align with my values, and how open is the company to allowing me to contribute to the culture I believe in?
Tech Stack How closely does the tech stack used by this company align with my preferences, and to what extent is the company willing to allow me to use the stack I prefer?
Personal Growth How big is the potential of this company to help me keep growing?
@noghartt
noghartt / cc.md
Last active April 21, 2024 01:55
Resources to learn more about Computer Science and related stuffs
@josethz00
josethz00 / sr-frontend-interview-questions-answered.md
Last active April 3, 2024 19:24
Sr. Frontend Interview Questions

Senior Frontend Interview Questions

Some questions about frontend development that might be in your next job interview. The questions were formulated by @mauvieira, a super senior fullstack developer

General Frontend

  • What are the strategies we can use to optimize the performance of web applications?

    • CDNs, GraphQL (maybe) to reduce overfetching, improve backend performance, use SSR and/or SSG, lazy loading for loading assets only when it's needed, minimize and compress HTML, CSS and JS files, and optimize images by compressing and resizing them.
  • What are Web Vitals (LCP, FID, CLS)? And how are they applied in the real world?

@biantris
biantris / personal-investment.md
Last active December 6, 2022 13:28
personal investment by sseraphini discord server

(personal investiment thread)

Ítalo S. : Melhores investimentos que você fez em você?

sibelius :

  • books
  • community
  • crossfit
  • learn in public
  • sharing knowledge in public

Merging Rubygems and Bundler

1.sh:

#!/bin/sh
set -eux
rm -rf rubygems bundler
git clone https://github.com/rubygems/rubygems
git clone https://github.com/rubygems/bundler
@sibelius
sibelius / jest.config.js
Created May 25, 2022 01:29
Jest Multi Project Nextjs myTest.spec.tsx (frontend test, jsdom), anotherTest.server.tsx (backend test, node)
module.exports = {
projects: [
'<rootDir>/jest.frontend.config.js',
'<rootDir>/jest.server.config.js',
],
}
  • Learn how Canvas works
  • Learn how Create a scene
  • Learn how to Positining elements in a scene
  • Learn how to create 3D elements using code
  • Learn how to use 3D assets, textures, maps HDRIs
  • Learn how to interact based on events, click, scroll, drag
  • Learn how Animate elements - Frames
  • Learn how Map WebGL elements to DOM elements whilst scrolling
  • Learn how Preload and prerender textures (replicates AssetLoader)
  • Learn how Manage WebGL resources (create and destroy materials and geometries as needed)
@fersilva16
fersilva16 / package.json
Created February 7, 2022 15:23
Run a TypeScript project using ESBuild and TSUP
{
"scripts": {
"build": "tsup",
"dev": "yarn build --onSuccess \"yarn start\"",
"dev:watch": "yarn dev --watch",
"start": "node dist/index.js",
},
"devDependencies": {
"tsup": "^5.11.13",
"typescript": "4.5.5"