Setup a React environment using Webpack and Babel.

#tutorial #js #react #webpack #babel
@devfullstack

https://goo.gl/NQle4f

Daqui a pouco as primeiras aulas do módulo #04 do curso #React Ninja estarão liberadas \o/

Vamos desossar o uso do React Router v4 e aprender vários conceitos para criação de SPAs :D

Ainda não tem o curso? 😱 Corre que tem promo até final do mês!

👉 https://queroser.ninja/promocoes

Hoje live coding começará entre 19:30 e 20hrs. Agora faremos a integração do #FrontEnd feito em #React com a nossa #APIREst que está feita em cima do #NodeJS com #Restify.

Viva ao #JavaScript. Quem quiser colar pra trocar um conhecimento, só entrar em:
twitch.tv/marcobrunobr

Sabe quando aquele botão no celular fica muito pequeno e você fica tentando clicar 10 vezes até conseguir? Se liga como arrumar isso!
⠀
No React Native podemos passar para todos componentes "Touchable" uma propriedade hitSlop que define quantos pixels de distância de cada lado o componente deve aceitar cliques.
⠀
Isso funciona extremamente bem, mas temos que ficar ligados para essa área nunca ser maior que a do componente container do botão, se não, nesse caso, não irá funcionar.
⠀
#reactnative #reactjs #react #javascript #instacode

Quer aprender #JavaScript e #React? Aparece na aula de hoje ao vivo e free às 21:45.
Aparece no youtube.com/c/collabcode ou na twitch.tv/marcobrunobr.

Terminamos tudo de #HTML e #CSS.

Ah! Se você perdeu as últimas aulas, assista elas nessa playlist: https://www.youtube.com/watch?v=NClqhzzyWxs&list=PLirko8T4cEmw1obIsfrj1jGoOxZIaOzEF&index=1

Marco Bruno‎ReactJS
1 h ·

Hoje às 21: 45 é dia de começar um pequeno projeto com #React. Aparece na aula ao vivo e de graça no youtube.com/c/collabcode e twitch.tv/marcobrunobr pra trocarmos conhecimento sobre:

- crate-react-app
- component stateless e statefull
- styled-components
- E o quer rolar :-)

Aula de hoje é sobre as unidades de medida do #CSS: px; em; rem; %; vw; vh; ch; ex; unitless; vmin; vmax, Das 11 unidades de medida nós veremos hoje, 6.

Aparece pra trocarmos conhecimento às 22:00 ao vivo e de graça pela http://twitch.tv/marcobrunobr e http://youtube.com/c/collabcode .

Nando Sangenetto vai mostrar pra gente umas coisas muito legais de #CSS junto com #React.

twitch.tv/marcobrunobr ou no youtube.com/c/collabcode pra aprender e trocar conhecimento com a galera! :-)

#react
Evite os métodos componentWillMount e componentWillUpdate ao criar componentes com class no React.

Todos os métodos do _lifecycle_ são síncronos, e não esperam uma ação assíncrona terminar de executar antes de emitir o próximo método.

Então a dica é: sempre que precisar fazer requests em um componente com React, use o método componentDidMount 😁

❓Mas como eu vou renderizar uma informação que ainda não existe, já que o método render vai precisar da informação que só vai passar a existir DEPOIS do request? ❓ 🤔

A resposta é simples: _initial state_!

Sabe quando você usa o constructor e seta o estado com this.state? Esse é o estado inicial da sua aplicação! É a informação que o método render vai utilizar antes de ter as informações fornecidas pelo request :)

Isso significa que o seu estado inicial deve sempre ter o mesmo tipo de dado, antes e depois do request!

Se você tem um valor no seu state chamado data (this.state.data), e sabe que, após um request, data vai receber um array, você deve então iniciar esse estado também com um array! Como você ainda não vai ter nenhuma informação ao setar o estado inicial, use um array vazio!

Assim, quando o método render for renderizar essa informação, você poderá usar com segurança métodos de array nesse valor do estado, pois ele nunca será de outro tipo, apenas vai conter informações diferentes :)

VAGA: ANALISTA #DESENVOLVEDOR #FRONTEND
REGIÃO: Vila #Olímpia – SP
Faixa salarial: R$ 6.500,00 – 8.700,00
Contratação CLT + Pacote de benefícios bastante atrativo.

• Pessoas proativas para resolução de problemas e que trabalhem bem em equipe
• Flexibilidade para o aprendizado de novas tecnologias

Experiência Necessária:
• Conhecimento em frameworks #javascript #AngularJS (Grunt ou Gulp) ou #React (#Webpack)
• Conhecimento em #frameworks #CSS (SASS) #Bootstrap ou #Semantic

Diferenciais:

• Conhecimento em #ReactNative
• Controle de versão de #software (GIT)
• Conhecimento do modelo de testes unitários #junit, #karma, #jasmine ou #phantomjs
• Conhecimento de metodologias ágeis como #Scrum

• Desenvolvimento e implementação de funcionalidades para site e app

@GuiaDev
INTERESSADOS ENVIAR CURRÍCULO COM A PRETENSÃO SALARIAL PARA:
contato@rhgrandestalentos.com.br

@GuiaDev
O que acha de 15 dias de #React ao vivo?
Começa hoje (08/04) às 21:47 e vamos até o dia 21/04 pela twitch.tv/marcobrunobr e youtube.com/collabcode.

Dê que vale o conhecimento, se você não o passa a diante!

Na sexta meu pequeno passou mal e eu também por isso não tivemos a continuação dos 15 dias de #React ao vivo, mas estamos de volta, hoje às 21:47 continuamos as #lives pela http://twitch.tv/marcobrunobr e http://youtube.com/collabcode. Cola aí e divulgue para os amigos!

Subiu agora post novo no blog da CollabCode!

Template String é uma funcionalidade do #JavaScript que usamos muito no frameworks modernos como #React, #Angular e #Vue. Aprender ela vai te ajudar a entender de uma forma mais feliz quando for codar nesses frameworks na vida:

https://medium.com/collabcode/template-string-%C3%A9-top-demais-02-5d8964726a32

Estamos com 4 vaga aberta para Desenvolvedor Front-End
Implementação de software focado na camada de apresentação

# Local
Vitória - ES

# Requisitos
Obrigatórios
  - Javascript
  - Node
  - AngularJS
  - GIT

Desejáveis
  - Microsoft SQL Server

Diferenciais
  - Electron
  - NestJS
  - ReactJS
  - Testes Unitarios

# Empresa:
Solução em Software de Gestão Empresarial
www.adsoft.com.br

# Contato: @rodrigo_oliveira (telegram)


#vaga #js #angular #react #es #vitoria #vix

Agora mais uma #LiveCode ao vivo e 100% de graça pra gente trocar ideia sobre #Gatsby e #React. Estamos na reta final do desafio de vaga de emprego para a Cubo Cowoerking.

Ah! É na <http://twitch.tv/marcobrunobr> e já estou on!!!

@GuiaDev
REACT - CAMPINAS/SP | Já pensou em trabalhar com #React numa multinacional brasileira referência em transformação digital? O #AceleraDev React Campinas te dá essa oportunidade! Com o apoio da @ciandt, vamos capacitar e conectar profissionalmente mais uma turma de devs! Acesse e saiba mais: https://bit.ly/2xe3ppj

@GuiaDev
REACT - BELO HORIZONTE/MG | Quer fazer carreira #Frontend numa multinacional brasileira referência em transformação digital? A @ciandt está buscando talentos em #BH para se capacitarem gratuitamente em #React através do #AceleraDev. 🤗 Vem saber tudo aqui: https://bit.ly/2xe3ppj

📢📢📢 Vagas
@GuiaDev

👉Pessoal Desenvolvedora #DoteNET Pleno - 100% Home Office ou na sede Curitiba

👉Pessoal Desenvolvedora #React PL - 100% Home Office ou na sede Curitiba

👉Pessoal Desenvolvedora #Java - 100% Home Office ou em SP (imprescindível conhecimento em #ATG Oracle)

👉QA - 100% HO ou da Sede de Curitiba
Pessoal Desenvolvedora #Delphi - 100% Home Office ou na sede Curitiba

👉Pessoal Desenvolvedora #C++ (com conhecimento básico em Java) - Essa vaga é presencial em Curitiba.

https://www.linkedin.com/posts/alanafmoraes_metamaisconectada-activity-6677219513055879169-MPJ0

"Vamos tesouro, não se canse com tantos preenchimentos"

Fazer cadastros em plataformas de vagas é uma boa forma de encontrar novas oportunidades, mas vem cá... É chatão, né? Ter que preencher dezenas de campos de informações para cada plataforma é uma enorme perda de tempo. E tempo é crucial!

Quer otimizar seu tempo? Venha pra EZ.Devs. Aqui puxamos os dados do seu LinkedIn em um processo rápido e simples.

Além de oportunidades alinhadas com a sua carreira, totalmente remotas, através de um ÚNICO processo seletivo, você terá boa remuneração e benefícios, além de um ambiente de trabalho incrível!

Confira as oportunidades para desenvolvimento FULL-STACK, BACK-END e FRONT-END: https://talentos.ezdevs.com.br/carreiras-do-ecossistema/?ref=g_m18_tg_c1

Pré-requisitos:
✅ Ser uma pessoa desenvolvedora com experiência mínima de 2 anos e 6 meses

✅ Ter domínio de Frameworks JavaScript (#vuejs, #React, #Angular, #nodejs, entre outros)

✅ Estar disponível para contratações PJ

Ranges salariais:
💵 Pleno I (2,5 anos de experiência): 6k a 9,6k

💵 Pleno II (4 anos de experiência): 8k a 12k

💵 Sênior I (6 anos de experiência): 10k a 15,6k

💵 Sênior II (8 anos de experiência): 13k a 19,2k

Confira mais detalhes em nosso site e cadastre-se hoje mesmo: https://talentos.ezdevs.com.br/carreiras-do-ecossistema/?ref=g_m18_tg_c1

#VempraEZ