tgmarinho

• do you use feature flags? expand
• do you use git flow?
• have you decoupled deploy from release? https://www.honeycomb.io/blog/deploys-wrong-way-change-user-experience
• do you use sprints?
• do you have automated tests?
• do you do refactoring?
• do you use types (typescript)?
• how do you manage the project?
• do you have daily meetings? expand
• do you have written documentation?

tgmarinho

Books

A list of links containing cool references, resources and things related to books about Computer Science and related.

• Haskell Programming for First Principles
• Types and Programming Languages #math/type-theory
• Essentials of Compilation #computer-science/compilers
• How to design computer programs
• Structure and Interpretation of Computer Programs
• Introduction to Theory of Computation, Michael Sipser #computer-science/theory-of-computation

tgmarinho

import React from 'react';
import WebView from 'react-native-webview';

export type RGBA = `rgba(${number}, ${number}, ${number}, ${number})`;

export interface BlurContainerProps {
  backgroundColor: RGBA;
  blurRadius: number;
}

tgmarinho

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?

tgmarinho

(async () => {
  function sleep(ms) {
    return new Promise((resolve) => setTimeout(resolve, ms));
  }
    
  const acceptButtons = document.querySelectorAll('[aria-label*="Accept"]');
    
  for (const acceptButton of acceptButtons) {
    acceptButton.click()
    await sleep(2000);

tgmarinho

Git Submodules basic explanation

Why submodules?

In Git you can add a submodule to a repository. This is basically a repository embedded in your main repository. This can be very useful. A couple of advantages of using submodules:

• You can separate the code into different repositories.

tgmarinho

1 NPM_TOKEN

Add an NPM_TOKEN secret on GitHub. Get your secret key from the NPM dashboard.

2 Add a step to your action

- name: Authenticate with private NPM package
  run: echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > ~/.npmrc

tgmarinho

.fadeinDown {
    -webkit-animation: fadeInDown 500ms ease-in-out; /* Chrome, Safari, Opera */
    animation: fadeInDown 500ms ease-in-out;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInDown {
    0% {

tgmarinho

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

tgmarinho

// === Arrays

var [a, b] = [1, 2];
console.log(a, b);
//=> 1 2


// Use from functions, only select from pattern
var foo = () => [1, 2, 3];