profile
viewpoint
Leandro Cavalcante leandrocrs Lojas Riachuelo São Paulo - Brazil https://leandrocrs.me Brazilian #web #frontend #engineer #angular #react

leandrocrs/Front-end-Developer-Interview-Questions 2

A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.

leandrocrs/angular-material-tellform 1

AngularJS Form Builder Directive (similar to TypeForm)

leandrocrs/com_api-plugins 1

Plugins to be used with com_api

leandrocrs/angular2-hero-dashboard 0

Official get started for Angular 2 presenting a Hero dashboard

leandrocrs/avisae 0

Nunca mais perca seu ponto!

leandrocrs/awesome-interview-questions 0

:octocat: A curated awesome list of lists of interview questions. Feel free to contribute! :mortar_board:

leandrocrs/awesome-mental-health 0

A curated list of awesome articles, websites and resources about mental health in the software industry.

leandrocrs/awesome-terminal-fonts 0

Tools and instructions on how to have awesome symbols in a terminal with a monospace font

leandrocrs/beaker 0

A peer-to-peer Web browser

leandrocrs/BladeRunner-VSCode-Theme 0

Boilerplate theme for brackets

startedleandrocrs/beaker

started time in 12 days

startedBeeTech-global/bee-stylish

started time in 23 days

startedunoplatform/uno

started time in a month

startedwinstonjs/winston

started time in a month

startedfilipedeschamps/BrasilAPI

started time in a month

push eventETEC-de-Guaianazes/Cronos

Leandro Cavalcante

commit sha 38d65da0233db98d241154113596fc80ad227ca5

docs: inclui instruções de como enviar projeto

view details

push time in a month

push eventETEC-de-Guaianazes/forum

Leandro Cavalcante

commit sha f1d0b7c3c1233d41428d7f5f5b172bfea1ef3be8

feat: melhoria no processo de submissão de projetos

view details

push time in a month

push eventETEC-de-Guaianazes/forum

Leandro Cavalcante

commit sha 14f1c7a8109f1b19dbc1b4abd94fca15cb56b3ff

fix: erro de português

view details

push time in a month

push eventETEC-de-Guaianazes/forum

Leandro Cavalcante

commit sha 4520f3a7456448285a45cf147740be44faa921b3

doc: adiciona instruções de como enviar projeto

view details

push time in a month

create barnchETEC-de-Guaianazes/forum

branch : master

created branch time in a month

created repositoryETEC-de-Guaianazes/forum

Guia com instruções para enviar projetos

created time in a month

startedmicrosoft/winget-pkgs

started time in 2 months

startedstereobooster/react-snap

started time in 2 months

fork leandrocrs/keycloak

Open Source Identity and Access Management For Modern Applications and Services

https://www.keycloak.org

fork in 2 months

startedkeycloak/keycloak

started time in 2 months

issue commentfrontendbr/forum

Quais as melhores distros Linux para desenvolvimento?

Realmente, não existe uma distro melhor para desenvolvimento ou etc.

Mas como usuário GNU/Linux desde 2008 e desenvolvedor frontend, depois de ter experimentado os principais desktop environments, as principais distros (debian-based, rpm-based e arch-linux), cheguei a um denominador comum para iniciantes: alguma distro baseada em Ubuntu LTS (Long Time Supported) com GNOME ou XFCE inicialmente.

Vai experimentando outros DEs dentro de VMs até achar um que você consiga se identificar. O meu preferido é o KDE, por ser facilmente personalizável do jeito que quero, e por achar ele bem bonito.

Se for muito iniciante e quiser focar em código, vai de Linux Mint ou Ubuntu LTS (18.04 ou 20.04) que não tem erro. Suporte da comunidade é excelente e já topei com apps que só possuíam versão DEB e não RPM, por isso não recomendo Fedora ou openSUSE para quem está começando.

Se quiser aprender sobre GNU/Linux e sistemas operacionais, não deixe de experimentar o Arch-Linux. Instalar e personalizar seu Arch é um divisor de águas na vida de um usuário GNU/Linux, é sério! É como tunar o primeiro carro,

Aproveito e deixo meu setup atual: Kubuntu 20.04 + Latte Dock

fl4m3x

comment created time in 2 months

startedfacebookexperimental/Recoil

started time in 2 months

issue commentfrontendbr/forum

Qual é sua dica de produtividade ?

Som ambiente (sem voz preferencialmente)

Te ajuda a entrar em flow e inibe ruídos externos. Meus estilos preferidos: lo-fi, jazzhop, chillhop, down-tempo, chillstep (quando é sexta e o ritmo é mais animado).

Fones anti-ruído

São recomendados e ajudam a preservar a audição;

Usar um copo ao invés de garrafa

Te obriga a levantar a bunda da cadeira frequentemente para buscar água, ajudando na circulação sanguínea nas pernas;

Realizar boas pausas

Cultive o hábito de realizar pausas mais longas; vá para uma área externa ou em uma janela e tente focar em algo distante. Previne a cegueira focal, causada por longas sessões olhando para uma tela, e também dá tempo para o modo difuso do cérebro entrar em ação. Já aconteceu de você encontrar a solução pra um problema enquanto estava tomando banho ou no banheiro? Pois é, não foi a cagada ou a água do chuveiro, e sim seu cérebro resolvendo o problema em segundo plano (modo difuso).

Reduza a cafeína depois das 16hs

A cafeína leva em média 10hs para sair do corpo. Se você beber café durante a tarde, provavelmente estará sob o efeito dela durante a noite, o que poderá reduzir a duração e/ou qualidade do sono. Isso vai te prejudicar muito no dia seguinte.

Não exagerar no almoço

Com o estômago pesado, o corpo foca em digerir tudo o que você comeu, te deixando sonolento. Coma o suficiente e não mais que isso, seu corpo vai criar reserva em gordura ou até mesmo descartar o excedente, então é perda de tempo e recursos comer mais do que deveria.

Cada dia é um dia

Nem sempre você será produtivo. Tem dias que não dá, e tudo bem. Foque em algo que consiga acabar com certa facilidade para te dar uma animada. Se nem isso bastar, tudo bem. Faça o que pode, e nos dias que tiver se sentindo muito produtivo, mande ver, não se contenha.

Mantenha o equilíbrio

Tente se limitar ao seu período de trabalho. Não faça mais do que 2 horas extras. Código é só o resultado final de todo o trabalho que acontece dentro da sua cabeça, então cuide muito bem dela. E evite na medida do possível de ficar mexendo com código o dia todo. É sério, mesmo que seja pra estudar algo ou praticar alguma coisa, tente não ficar o dia todo nisso. Chega uma hora que dá nojo de ver código.

"O segredo do sucesso é a moderação" - Clube do Canalhas, Matanza

Exercícios regulares

Faça exercícios moderados com frequência (estou tentando o 7 Minutes no android e estou gostando muito). Melhora o transporte de oxigênio pelo corpo, e te deixa cada vez mais disposto(a).

Oxigene o cérebro

Leia, sério. Acho que das formas de consumo de mídia, é a que mais exige capacidade de abstração e imaginação.

Não faça "nada"

Melhor coisa é descontrair, seja com o que for. E faça questão de ter espaço na agenda para fazer coisas que te deixam feliz. Seu cérebro precisa ser lembrado do porque você o submete todo dia a trabalhar com abstrações por várias horas. Dê um agrado à ele, seja o que for.

romulosardinha

comment created time in 2 months

startedromkatv/powerlevel10k

started time in 2 months

issue commentreact-workspaces/react-workspaces-playground

Upgrade react-scripts to 3.4.0

@leandrocrs @Jagatmachines - can you confirm this does what you need?

I've decided remove react-workspaces for now until it gives proper support for dev server PUBLIC_URL, added in react-dev-utils 10.2.x so, for now, I have to build all shared projects with babel-cli to be able to use them in CRA projects.

As soon as possible I will give this fix a chance!

Thank!

keshikashviligio

comment created time in 2 months

issue commentreact-workspaces/react-workspaces-playground

Upgrade react-scripts to 3.4.0

Replacing dependencies already added to this monorepo like react-dev-utils (replacing with @react-workspaces/react-dev-utils, for example), and keeping up with latest react-scripts updates is enough to keep this project bright and shiny.

keshikashviligio

comment created time in 2 months

startedmicrosoft/TypeScript-Babel-Starter

started time in 2 months

issue openedfelipefdl/cidades-estados-brasil-json

Não é um issue, é somente um "obrigado"

Me poupou uns minutos. Valeu!

created time in 2 months

startedfelipefdl/cidades-estados-brasil-json

started time in 2 months

issue commentfacebook/create-react-app

Support Lerna and/or Yarn Workspaces

Unfortunate that NWB blows everything away for a single component change.

Using babel --watch for transpilation incrementally makes file changes. CRA picks up that change from that one file in your component lib and works the same as if the file were in your app src.

Seems like if NWB is going to bill itself as a component library build framework, it shouldn't be out of the question for them to support a similar type of incremental transpilation that babel does to work with the ever popular CRA.

Than you for your fast response.

My main issue on going with babel only is image and sass resolvers, like we have in webpack. We did resolve SVGR with a plugins, but we couldn't make sass and image imports work on babel.

rovansteen

comment created time in 2 months

issue commentfacebook/create-react-app

Support Lerna and/or Yarn Workspaces

What is the expectation here? That create-react-app expands into component library creation? It seems like that's often the real desire throughout this issue.

create-react-app has no issues running in a monorepo. if you need to import components from another package that you maintain in that monorepo, then you need to do what every other package built for consumption does, which is compile it to remove non standard things like jsx and typescript.

you wouldn't expect that create-react-app or webpack is able to use a package from npm that hasn't gone through any transpilation, would you? it's the same case for your own workspace packages.

if you want to build a component library or any type of js-like package that a create-react-app project can consume, then it's:

  1. create new package in monorepo
  2. add a tsconfig to it
  3. configure that tsconfig to process jsx and whatever other features you may want
  4. add a build script to that package
  5. add that package as a dependency from your CRA package

No need for a fork. No need for the CRA team to expand CRA into a component library builder or to start doing heavy transpilation on node_modules.

or if you don't want to use typescript, use babel. you can even get all of the same babel configuration that react-scripts uses, because they publish it to npm. it even has a section for 'Usage outside of Create React App'. https://www.npmjs.com/package/babel-preset-react-app#usage-outside-of-create-react-app

In a real life workflow this is bad. You lost things like hot-reload. We use NWB to transpile our shared components, but everytime we save some shared component, nwb deletes the entire lib folder to re-create them, so CRA in the app project get lost, because all files was deleted at same time. Sometimes CRA can recover, sometimes not, so we have to restart CRA again. Is a hell.

rovansteen

comment created time in 2 months

issue commentfacebook/create-react-app

Support Lerna and/or Yarn Workspaces

If you use Yarn Workspaces, you can go even further with the solution of @anthanh by using get-yarn-workspaces to avoid manually specifying the paths of your packages.

config-overrides.js:

const getYarnWorkspaces = require('get-yarn-workspaces');
const { override, babelInclude } = require('customize-cra');

module.exports = override(
  babelInclude(getYarnWorkspaces())
);

IMO, this is by far the simplest solution for my needs.

Sadly, not easy as it looks.

For me, is not applying the same babel config for shared projects.

rovansteen

comment created time in 2 months

push eventleandrocrs/ng-sp-city

Deployment Bot (from Travis CI)

commit sha 796239509727556efc18d32f9c2d63d9cc049cad

Deploy leandrocrs/ng-sp-city to github.com/leandrocrs/ng-sp-city.git:master

view details

push time in 2 months

push eventleandrocrs/ng-sp-city

dependabot[bot]

commit sha 364f12cf70a05367eab0b9e23e53c619473c629f

chore(deps): bump acorn from 6.3.0 to 6.4.1 Bumps [acorn](https://github.com/acornjs/acorn) from 6.3.0 to 6.4.1. - [Release notes](https://github.com/acornjs/acorn/releases) - [Commits](https://github.com/acornjs/acorn/compare/6.3.0...6.4.1) Signed-off-by: dependabot[bot] <support@github.com>

view details

Leandro Cavalcante

commit sha d212595d1ab44f465bad01a56de7970f5cad56e1

Merge pull request #1 from leandrocrs/dependabot/npm_and_yarn/acorn-6.4.1 chore(deps): bump acorn from 6.3.0 to 6.4.1

view details

push time in 2 months

PR merged leandrocrs/ng-sp-city

chore(deps): bump acorn from 6.3.0 to 6.4.1 dependencies

Bumps acorn from 6.3.0 to 6.4.1. <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/acornjs/acorn/commit/9a2e9b6678e243d66846b91179d650d28453e70c"><code>9a2e9b6</code></a> Mark version 6.4.1</li> <li><a href="https://github.com/acornjs/acorn/commit/90a9548ea0ce351b54f956e2c4ed27cca9631284"><code>90a9548</code></a> More rigorously check surrogate pairs in regexp validator</li> <li><a href="https://github.com/acornjs/acorn/commit/df0cf1a3e2b1a51a26c14984dc0f5412b7151b10"><code>df0cf1a</code></a> Mark version 6.4.0</li> <li><a href="https://github.com/acornjs/acorn/commit/53034126864b492da4e278628bb972cb2a9313d4"><code>5303412</code></a> Also export Parser via Parser.acorn</li> <li><a href="https://github.com/acornjs/acorn/commit/efe273e70123449a458157dbf578afaf109a49ab"><code>efe273e</code></a> give token types and etc to plugins</li> <li>See full diff in <a href="https://github.com/acornjs/acorn/compare/6.3.0...6.4.1">compare view</a></li> </ul> </details> <br />

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


<details> <summary>Dependabot commands and options</summary> <br />

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
  • @dependabot use these labels will set the current labels as the default for future PRs for this repo and language
  • @dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language
  • @dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language
  • @dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

</details>

+3 -3

0 comment

1 changed file

dependabot[bot]

pr closed time in 2 months

startedfacebook/create-react-app

started time in 2 months

issue commentreact-workspaces/react-workspaces-playground

Upgrade react-scripts to 3.4.0

@F1LT3R can you land us a hand?

react-dev-utils was upgraded to allow PUBLIC_URL be used in dev server.

I think react-workspaces is an amazing tool to work with no headaches with CRA and yarn workspaces, but I fear this project is not being actively developed.

If you find interesting, I'm actively using react-workspaces in my daily workflow so, if you need a hand, I can help.

keshikashviligio

comment created time in 2 months

issue commentreact-workspaces/react-workspaces-playground

Not able to import from inside the package without `src`

I've been looking for some famous monorepos like babel and I think this is a behavior of npm and yarn workspaces itself.

For you to achieve desire behavior, you can: 1 - move components folder from src to packages/components root or 2 - create a index.js in the packages/components root and export each component individually.

Recommendation: @project/components doesn't have a dist or build folder so, it's unnecessary to create a src folder to separate things so the first option looks simpler

tarunlalwani

comment created time in 2 months

startedubuntu/yaru

started time in 3 months

issue commentfrontendbr/forum

Em 2020 é ok desenvolver para web usando Windows Insider?

Eu vinha usando Ubuntu instalado direto na máquina e passei pro Windows Insider com o WSL2. Roda o Docker no WSL2 e todo o tooling que usava no Linux muito bem, não noto diferença alguma.

Mas isso depois de passar os repositórios todos para o /home do WSL, porque no disco C: ele performa mal. Mas de longe, muito MUITO melhor que o WSL1.

Também tenho esse problema do memory leak mas nunca chegou a causar lentidão ou matar algum processo, mas realmente só rodando wsl --shutdown para resolver (por enquanto).

No mais a experiência é muito boa mesmo, melhor até que no macOS talvez - all the tooling + all the apps .

Realmente, tem um grande potencial. Melhor coisa enquanto eu ainda trabalhava no wsl2 era, na hora do almoço, abrir o app do xbox e streamar pro PC, enquanto todo meu trabalho ainda estava lá aberto, só esperando a volta do almoço.

É uma plataforma que estou acompanhando de perto pelo Slow Ring com grande entusiasmo.

felquis

comment created time in 3 months

startedryanoasis/nerd-fonts

started time in 3 months

issue commentmicrosoft/WSL

WSL 2 consumes massive amounts of RAM and doesn't return it

Windows 10 WSL2 Now Allows You to Configure Global Options

Create a .wslconfig in you user profile folder and put inside:

[wsl2]
memory=1GB
processors=1
swap=4GB

This worked for me using Alpine WSL. @LordMonoxide @benhillis

This resolves the problem of VM eating Windows RAM, but leads to another problem: out of memory inside VM.

For some reason, the left memory inside VM get lower and lower, without returning it, even if there is no process using it, until there is no space left.

LordMonoxide

comment created time in 3 months

issue commentfrontendbr/forum

Em 2020 é ok desenvolver para web usando Windows Insider?

Um problema que apareceu para mim, é que se eu estiver com programas abertos consumindo memória, ao iniciar o Docker para Windows diz "Memória Insuficiente", tenho que parar outros programas e dedicar o PC para o Docker. Uso 8GB de ram, e tenho SSD.

Se possível, faça uma força e dá um upgrade na sua RAM. Pra rodar docker-desktop no MacOS ou Windows, recomendo no mínimo 12GB de RAM.

Pra quem está no GNU/Linux, 8GB são suficientes, já que não há virtualização no processo.

felquis

comment created time in 3 months

more