Weekly #193 - C4P BrazilJS, React Native, npm 5, prepack e webpack CLI

A BrazilJS Weekly é a seleção semanal de novidades sobre o desenvolvimento Web no Brasil e no mundo. Ainda não é inscrito? Faça o seu cadastro e receba nossa Newsletter semanal 😎👊🙂👌👍

Sugira conteúdo para a Weekly usando o nosso canal de issues no Github.

Um agradecimento especial aos 16 colaboradores da edição nº 193!

screenshot-from-2017-05-10-23-59-22

Em vídeo

https://www.youtube.com/embed/9Tw26G74sEY

Novidades

Call for Papers BrazilJS Conf 2017

Está aberta a chamada de trabalhos para a BrazilJS Conf 2017.

Indicado por @braziljs

Entrevista Rodrigo Boniatti RSJS 2017

Saiu a entrevista com Rodrigo Boniatti que rolou no RSJS 2017. Confere aqui o que ele falou!

Indicado por @braziljs

Mobile development with React Native

O foco dessa talk é mostrar a diferença entre o React Native e aplicações híbridas por exemplo, além de mostrar como ele roda por debaixo dos panos, bem como as vantagens e desvantagens de usa-lo.

Indicado por @braziljs

npm 5

Pull request com descrições de features e breaking changes da nova versão do npm.

Indicado por @fernahh

Prepack

Uma ferramenta para fazer o código JavaScript rodar mais rápido.

Indicado por @jaydson

Faster, Leaner and Better Next.js

Artigo sobre as melhorias no Next.js.

Indicado por @jaydson

Lançamento do webpack CLI 🎉🎉🎉

webpack CLI foi oficialmente lançado! Com várias melhorias por debaixo dos panos e ótimas novidades! Algumas bem interessantes como migrate e init, tirando complexidade das costas do desenvolvedor e ajudando você a ficar atualizado! Vamos ver o roteiro de desenvolvimento do time do webpack e quais ferramentas estão sendo usadas por eles!

Indicado por @oieduardorabelo

19º Encontro Locaweb Porto Alegre

A 19º edição do roadshow Encontro Locaweb tem como objetivo levar conteúdo de qualidade e promover networking para mais de 3000 profissionais de internet e empreendedores nas cidades de Belo Horizonte, Recife, Curitiba, Porto Alegre e São Paulo. A comunidade BrazilJS tem 50% de desconto usando o código PRCBRAZILJS!

Indicado por @jaydson

Google is developing a mysterious new mobile operating system called Fuchsia

Google seems to be building a replacement for Android called Fuchsia.

Indicado por @glauberfc

Socket.io 2.0

Saiu a versão 2.0 do Socket.io.

Indicado por @jaydson

Resumo da semana

Além do desenvolvimento tradicional: Um olhar para o bem estar social

Este poderia ser mais um texto defendendo uma linguagem, um framework ou uma lib específica, mas não é. Já aviso de antemão que se você é uma pessoa que prefere somente leituras técnicas, leia esse texto. Isso é ironia? Não!

Indicado por @braziljs

Redux hoje em dia — De Action Creators até Sagas

Redux sugere o uso de middlewares (mais específicamente o thunk middleware). A idéia básica é, se você precisa chamar algum side effect, você usa um action creator, rápidamente podemos ter action creators complexos e difíceis de testar. Vamos ver como melhorar o controle de side effects usando Sagas e como deixar nossa aplicação mais simples de escrever e testar!

Indicado por @oieduardorabelo

AngularJS: Criando filtros customizados e além

Filtros são mal compreendidos no universo AngularJS, mas no geral eles são insanamente poderosos para transformar dados, e vão te ajudar muito no seu workflow de trabalho.

Indicado por @rafaell-lycan

JavaScript: From Workers to Shared Memory

Com a nova proposta de memória compartilhada em JavaScript abre-se um mundo de novas idéias e oportunidades. Nesse blog post é falado um pouco sobre os approaches anteriores para lidar com concorrência em JavaScript e como funciona a nova feature de memória compartilhada.

Indicado por @lucasfcosta

Put your electron app on a diet with Electrino

Como diminur o tamanho de seu app com Electrino.

Indicado por @enieber

A simple chat architecture for your MVP

Uma arquitetura baseada em WebSockets, NodeJS, Redis e Redux utilizada na criação de um aplicativo de chat.

Indicado por @dleitee

Best courses to learn Javascript in 2017

Artigo com a indicação de 7 cursos de Javascript atualizados.

Indicado por @hugocarreira

A melhoria do suporte à Programação Reativa no Angular

Como o uso dos novos recursos do ngIf junto com o pipe async podem fazer sua aplicação ficar mais reativa.

Indicado por @wgbn

Facebook’s Prepack — The Next Killer In The JavaScript Zone

O que é, o motivo, o presente e futuro do Prepack.

Indicado por @ruanmer

Tools e outros

Tilt - React component for Tilt effect

React component para adicionar efeito de Tilt aos seus outros componentes.

Indicado por @psicotropicos

React Simple Chatbot

Componente React para criar chatbots simples.

Indicado por @LucasBassetti

react-content-loader

Componente em React e SVG com uma coleção de loaders que simulam o conteúdo a ser carregado, semelhante aos cards do Facebook.

Indicado por @danilowoz

Ember.js: Por que você ainda não está usando?

Palestra introdutória demonstrando seu workflow, características, cases e ecossistema.

Indicado por @Diego-Brocanelli

Frase da semana

The mark of a mature programmer is willingness to throw out code you spent time on when realize it's pointless - Bram Cohen

Frase via CodeWisdom