July 2020

July

• Day 01
• Day 02
  • pj-gh Mythological Alliance
  • pb-ws Dia 1/2019 - Smile com CSS
• Day 03
  • pj-gh Mythological Alliance
  • pj-gh Hachiman
• Day 04
  • pj-gh Hachiman
  • pb-ws Dia 2/2019 - Cartão com CSS hover
• Day 05
  • ar How to write and build JS libraries in 2018
  • ar How to publish JavaScript Libraries
  • ar Create Your Own React Library in 2020: Step by Step
  • ar Master UX with React in 2020: Four Ways to Upgrade Your React App User Experience
• Day 06
  • ar How To Reverse Engineer Websites
  • ar Web Architecture 101
  • ar Two years of micro-frontends: A retrospective
  • pb-ws Dia 3/2019 - Pacman Loader
• Day 07
  • ar Arquitetura de projetos Vue.js com DDD
  • ar Senior designers, you’re not junior enough
  • ar 25 Cognitive Biases every UX Designer should know
  • ar I Got Rejected by Apple Music… So I Redesigned It
  • pb-ws Dia 4/2019 - Smartphone com transição para a esquerda
• Day 08
  • ar UI cheat sheet: pagination, infinite scroll and the load more button
  • ar 47 Key Lessons for UI & UX Designers
  • ar Spotify in Neumorphism
  • ar Distributed Ownership
  • ar Selection controls — UI component series
  • ar 8 rules to help you design a better card user interface
  • pb-ws Dia 5/2019 - Bússola com CSS
• Day 09
  • ar NPM Tips and Tricks
  • ar How is UI/UX the heart of a clean front end?
  • ar Understanding WeakMaps in JavaScript
  • ar Introducing Storybook Args
  • ar You don’t need to solve problems twice — you need a design system
  • ar 5 mistakes frontend developers commit that UX engineers hate
  • pb-ws O ano dos desafios
• Day 10
  • ar Liderança na pandemia
  • ar Are “you” designing for your users?
  • ar How to Create a High-Fidelity Prototype and Export HTML with Figma
  • ar Designing a Mobile Platform
  • ar Estourando a bolha: um relato sobre uma pesquisa imersiva em cidades remotas do Brasil
  • ar Can a Product Fail due to Innovation Overkill?
  • pb-ws Ações recomendadas para Julho/2020
  • pb-ws Dia 6/2019 - Gráfico de barras
• Day 11
  • ar React: SVG Stroke Animation with CSS Explained
  • ar Better Reusable React Components with the Overrides Pattern
  • ar The Ultimate VSCode Setup for Front End/JS/React
  • pb-ws Dia 7/2019 - Filtro de dados
• Day 12
  • ar Asynchronous Functional Programming Using React Hooks
  • ar 5 Micro libraries to elevate any React JS project
  • ar How To Use an IntersectionObserver in a React Hook
  • ar Progressively Loading Images In React
  • pb-ws Dia 8/2019 - Menu circular
• Day 13
  • ar State Management with React Hooks — No Redux or Context API
  • ar Passing Elements as Props in React
  • ar React TypeScript: Basics and Best Practices
  • pb-ws Dia 9/2019 - Jogo de alvo
• Day 14
  • ar Flipper — A React Native revolution
  • ar Testing React with Jest and Enzyme I
  • ar 11 Useful Custom React Hooks for Your Next Web App
  • ar Building a JavaScript Monorepo with Lerna
  • pb-ws Dia 10/2019 - Calendário com CSS Grid
• Day 15
  • ar Making Sense of React Hooks
  • ar 5 Ways to animate a React app.
  • ar JavaScript: async/await with forEach()
  • ar Forms with Formik + TypeScript
  • ar Making API Calls with React Hooks
  • pb-ws Dia 11/2019 - Carrossel com autoplay
• Day 16
  • ar Addressing the iOS Address Bar in 100vh Layouts
  • ar Customize webpack configuration of React App created with Create-react-app
  • ar Using the React useContext Hook
  • pb-ws Dia 12/2019 - Slider com CSS
• Day 17
  • ar Centralizing API error handling in React apps
  • ar Understanding npm-link
  • pb-ws Dia 13/2019 - Texto com efeito neon
• Day 18
  • ar Sorry React, but I can’t keep up anymore
  • ar React: Rendering using Concurrent Mode and Suspense
  • ar Exploit React Error Boundaries to Improve UX
  • ar 3 Essential Tools to Boost your React App’s SEO
  • pb-ws Dia 14/2019 - Tabela responsiva
• Day 19
  • ar Handling Time Zone in JavaScript
  • ar Why I no longer use D3.js
  • ar 5 Recommended Tools for Optimizing Performance in ReactJS
  • pb-ws Dia 15/2019 - Botão com efeito de ondulação
• Day 20
  • ar Using JWT in Your React+Redux App for Authorization
  • ar React Hooks — How To Use useState and useEffect Example
  • ar Flexible Icons with React and SVG
  • ar React Hook Form VS Formik
  • ar Understanding Ref Forwarding in React
  • ar Keep Your Promises in TypeScript using async/await
  • pb-ws Dia 16/2019 - Efeito de deslizar na barra de abas
• Day 21
  • ar Gatsby: Fetching Data at The Component Level with useStaticQuery
  • ar Sharing React Widgets Between Apps
  • ar Understanding ES Modules in JavaScript
  • ar Selecting the Right Tool for Your Monorepo
  • ar How to Publish React Components
  • pb-ws Dia 17/2019 - Acordeão animado
• Day 22
  • ar Theming React Components with CSS Variables
  • ar How to Share React UI Components between Projects and Apps
  • ar Microfrontends — should I care?
  • pb-ws Dia 18/2019 - Texto com animação de onda
  • pb-ws Trinity Nova
• Day 23
  • ar Os 4 Hábitos Que Tornam Você Um Programador Ineficiente
  • ar Programação: Devo Estudar o Que Gosto ou Focar no Que o Mercado Está Pedindo?
  • ar Checklist do Programador Sênior: 10 Itens Para Você Ser um Programador MUITO Acima da Média
  • ar Como Ter as Melhores Ideias Para Programar? (De Onde Tirar Ideias de Programas Para Desenvolver ou Treinar Programação?)
  • pb-ws Dia 19/2019 - Efeito de girar o cartão
• Day 24
  • ar Have You Mastered These 9 Vue Techniques?
  • ar Scraping Amazon.com using JavaScript and Node.js
  • ar 11 Useful Custom React Hooks for Your Next Web App
  • ar Advanced TypeScript Types with Examples
  • pb-ws Dia 20/2019 - Interruptor customizado
• Day 25
  • ar Is Monorepo for You? — 2020
  • ar Understanding WeakMaps in JavaScript
  • ar Styled-JSX for React: How and Why
  • pb-ws Dia 21/2019 - Tooltip com aria-label
• Day 26
  • ar HTTPS: an awesome, secure tale (pt 1)
  • ar React Router VS Reach Router
  • ar Understanding WebGL
  • ar Start Collecting Feedback from Users across Your React Apps with Feeder.sh
  • ar 5 Simple Way of Writing Optimized JavaScript Code
  • pb-ws Dia 22/2019 - Animação em menu de redes sociais
• Day 27
  • ar Checking for Available Permissions in Deno
  • ar Packaging a UI Library for Distribution
  • ar 14 JavaScript Code Optimization Tips for Front-End Developers
  • ar Why Using Tokens and Cookies Together is Better for Web App Security
  • pb-ws Dia 23/2019 - Efeito Parallax
• Day 28
  • ar First UI Kit for the latest Twitter’s Bootstrap 5
  • ar Design Systems: React Buttons with the Base + Variant Pattern
  • ar Securely Upload Files Directly from Browser to Amazon S3
  • pb-ws Dia 24/2019 - Formulário simples
• Day 29
  • ar A Web Developer’s Roadmap to Learning React Native
  • ar 8 Performance Analysis Tools for Front-End Development
  • ar Top 5 React Table Libraries
  • ar 5 Service Worker Caching Strategies for Your Next PWA App
  • ar Revolutionizing Micro Frontends with Webpack 5, Module Federation and Bit
  • pb-ws Dia 25/2019 - Experimento com input do tipo color
• Day 30
  • ar 6 Top GraphQL Clients for 2020
  • ar How to Develop Microfrontends Using React: Step by Step Guide
  • ar Data Structures You Should Know as a JavaScript Developer
  • ar How and Why You Should Use React Query
  • ar Improving Google PageSpeed Score using Code-Splitting
  • pb-ws Dia 26/2019 - Galeria com Modal
• Day 31
  • ar Getting Content Painted under 2 seconds on the Mobile Web
  • ar How to Add Color to SVG Icons and Elements With CurrentColor
  • ar Beam Me Up, Scotty — On Teleporting Templates in Angular
  • ar Data Structures You Should Know as a JavaScript Developer
  • ar 5 Ways Service Workers Reshape Modern Web Apps
  • ar Importance of using JavaScript Telemetry for Single Page Apps
  • pb-ws Dia 27/2019 - Jogo de matar moscas