Relógio JS-Star #1

js-repúblicaDuas vezes por mês, enviamos a você neste blog os artigos encontrados durante nossa observação de JavaScript, que mais nos inspiraram.

Se esses assuntos lhe interessam, esperamos muitos de vocês em nosso Encontro JS-Star
Vamos lá ! Boa leitura !
"Adicionando o Hot Module Reloading para criar o aplicativo Reactpor Chris Shepherd
A equipe do React acaba de lançar o Create React App. É uma maneira rápida e simples de começar com um aplicativo React de página única e espero que seja popular, pois já tem mais de 2000 estrelas no GitHub em menos de um dia!
https://medium.com/@sheepsteak/adding-hot-module-reloading-to-create-react-app-e053fadf569d/
"Angular 2, Ngrx/Store & Ngrx/Effects – Introdução à abordagem funcional para uma cadeia de ações” por Oren Farhi
Os projetos Ngrx adicionam uma abordagem funcional a várias implementações arquitetônicas interessantes. Eu escrevi sobre minha experiência com armazenamento de dados usando ngrx/store e testando essa abordagem no aplicativo baseado em angular 2. Desde então, tive a chance de explorar ainda mais essa terra de ngrx. Achei o ngrx/effects uma solução elegante e bastante funcional para expressar…
http://orizens.com/wp/topics/angular-2-ngrxstore-ngrxeffects-intro-to-functional-approach-for-a-chain-of-actions/
"O ciclo de vida do Service Worker” por Ire Aderinokun
Se você trabalhou com Service Workers, pode ter encontrado alguns problemas com Service Workers anteriores ainda controlando um documento, mesmo que o próprio arquivo tenha sido atualizado. A razão para isso tem a ver com algumas nuances no ciclo de vida do Service Worker; ele pode estar instalado e válido, mas ainda não está no controle do documento.
https://bitsofco.de/the-service-worker-lifecycle/
"Um ano com PostCSS” por Mihael Tomic
Até logo, adeus, auf wiedersehen, adeus
Sass, foi um passeio infernal, eu gosto de você. É apenas... muito complicado. Encontrei um novo processador e estamos bem. Nós gostamos um do outro. É mais leve, mais fácil, flexível e muito mais. Posso até escolher tudo o que quero. Adeus, desejo-lhe toda a felicidade do mundo.
https://medium.com/@mihaeltomic/a-year-with-postcss-f5c2c7ebe645#.uk7tmukcq
"Componentes de interface do usuário acessíveis para a Webpor Addy Osmani
Para serem acessíveis, os componentes de interface do usuário precisam funcionar em vários dispositivos com tamanhos de tela variados e diferentes tipos de entrada. Além disso, os componentes devem ser utilizáveis ​​pelo mais amplo grupo de usuários, incluindo aqueles com deficiências.
https://medium.com/@addyosmani/accessible-ui-components-for-the-web-39e727101a67?ref=heydesigner-weekly#.leqda2r4a
"Um Estudo de Caso em Componentes, Theming e Flexbox” de Hugo Giraudel
Sou um escritor do SitePoint há muito tempo e sempre achei seus blocos de artigos bastante atraentes do ponto de vista do design. Eles fornecem todas as informações necessárias sobre os artigos: título, autor, data, categoria e até métricas da comunidade (número de comentários e curtidas).
Achei que esse bloco é provavelmente um componente interessante para construir, tanto do ponto de vista do HTML quanto do CSS. Neste artigo, vamos construir este componente passo a passo, tentando torná-lo o melhor que pudermos: acessível, sustentável, temático e amigável para SEO.
https://www.sitepoint.com/sitepoints-tiles-a-case-study/
"Efeito de pontos interativos simples” por Maria Lou
Hoje gostaríamos de compartilhar um efeito simples de passar o mouse/clique para imagens com você. A ideia principal é mostrar um mapa ou uma imagem base com alguns pontos de interesse (POS) e quando nos aproximamos de um desses pontos e passamos o mouse, uma imagem começa a desaparecer. Ao clicar no indicador POS, uma camada de conteúdo é mostrada com mais algumas informações sobre aquele ponto; a imagem de fundo fica completamente opaca. Este conceito pode ser adequado para algum tipo de narrativa assistida por mapa, como uma peça de viagem ou similar.
http://tympanus.net/codrops/2016/07/20/simple-interactive-points-effect/
Toda a equipe @JS-República
36379208-DISENO-CRATIVO-DEL-CEROBRO-EJEMPLO-GRAFICO-DEL-VECTOR-EPS10
[separator type=”” size=”” icon=”star”] [actionbox color=”default” title=”” description=”JS-REPUBLIC é uma empresa de serviços especializada em desenvolvimento JavaScript. Somos um centro de treinamento aprovado. Encontre todos os nossos treinamentos técnicos em nosso site de parceiros dedicado ao Treinamento” btn_label=”Nosso treinamento” btn_link=”http://training.ux-republic.com” btn_color=”primary” btn_size=”big” btn_icon=”star” btn_external ="1″]