A Quick Change to Get Much Faster Functional Components?
“Directly calling functional components as functions instead of mounting them using React.createElement is much faster.” Can you reproduce these gains? - https://goo.gl/sKk9vG
#react
“Directly calling functional components as functions instead of mounting them using React.createElement is much faster.” Can you reproduce these gains? - https://goo.gl/sKk9vG
#react
Medium
45% Faster React Functional Components, Now
Jump to TL;DR at the end to see one easy change you can apply to your React code to get a free speedup. For more details, read on.
Create Next App: Create Next.js Apps in One Command
Essentially the Next.js answer to Create React App - https://goo.gl/bCiZuC
#react #nextjs
Essentially the Next.js answer to Create React App - https://goo.gl/bCiZuC
#react #nextjs
GitHub
segmentio/create-next-app
create-next-app - Create Next.js apps in one command
The Basic Patterns of Mobile Navigation
Examining five basic navigation patterns for mobile experiences as well as the strengths and weaknesses of each - https://goo.gl/EKT9lG
#mobile #nav
Examining five basic navigation patterns for mobile experiences as well as the strengths and weaknesses of each - https://goo.gl/EKT9lG
#mobile #nav
Adobe Creative Cloud
Basic Patterns of Mobile Navigation | Creative Cloud blog by Adobe
In this article, we’ll examine five basic navigation patterns for mobile apps and describe the strengths and weaknesses of each of them.
Britecharts: A D3.js-Based Client-Side Charting Library
Based on D3.js v4 and built around reusable components, Britecharts makes it easy to declaratively build charts and visualizations, such as this. There’s lots of info in this introductory post too. - https://goo.gl/FO9WHu
#d3js #britecharts
Based on D3.js v4 and built around reusable components, Britecharts makes it easy to declaratively build charts and visualizations, such as this. There’s lots of info in this introductory post too. - https://goo.gl/FO9WHu
#d3js #britecharts
Britecharts
Britecharts, a D3.js based charting library of reusable components
Britecharts is a client-side reusable Charting Library based on D3.js v4 that allows easy and intuitive use of charts and components that can be composed together creating amazing visualizations.
Modern Media Queries: Key Features of Media Query Level 4
The latest version of the Media Query spec brings extra features to media queries, as thoroughly demonstrated here. - https://goo.gl/dt5XyQ
#css #media
The latest version of the Media Query spec brings extra features to media queries, as thoroughly demonstrated here. - https://goo.gl/dt5XyQ
#css #media
CSS-Tricks
Mobile, Small, Portrait, Slow, Interlace, Monochrome, Coarse, Non-Hover, First | CSS-Tricks
A month ago I explored the importance of relying on Interaction Media Features to identify the user's ability to hover over elements or to detect the accur
CSS Animations vs the Web Animations API: A Case Study
The Web Animations API provides a way for developers to directly manipulate the browser’s animation engine using JavaScript. - https://goo.gl/tSQfa4
#css #animation
The Web Animations API provides a way for developers to directly manipulate the browser’s animation engine using JavaScript. - https://goo.gl/tSQfa4
#css #animation
bitsofcode
CSS Animations vs the Web Animations API: A Case Study
Last week, I wrote about how I created the bitsofcode logo animation with CSS. After that, it was suggested that I attempt a comparison between a CSS animation and the Web Animations API, so here it is! Introduction to the Web Animations API As with last…
The Tao of Redux: Implementation and Intent
A Redux maintainer thoroughly ponders Redux’s implementation, its limitations and constraints. - https://goo.gl/mhMT53
#redux
A Redux maintainer thoroughly ponders Redux’s implementation, its limitations and constraints. - https://goo.gl/mhMT53
#redux
Mark's Dev Blog
Idiomatic Redux: The Tao of Redux, Part 1 - Implementation and Intent · Mark's Dev Blog
The Tao of Redux: Practice and Philosophy
A look at common practices that are widely used in Redux apps and why those practices exist. - https://goo.gl/Z2DcpR
#redux
A look at common practices that are widely used in Redux apps and why those practices exist. - https://goo.gl/Z2DcpR
#redux
Mark's Dev Blog
Idiomatic Redux: The Tao of Redux, Part 2 - Practice and Philosophy · Mark's Dev Blog
PrettyLoader: A Pattern for Wait Animations in React
If you have lots of components loading data from elsewhere, it’s worth thinking about the user experience during the ‘wait’ periods. - https://goo.gl/1mDz1t
#react #component
If you have lots of components loading data from elsewhere, it’s worth thinking about the user experience during the ‘wait’ periods. - https://goo.gl/1mDz1t
#react #component
Medium
PrettyLoader: A Pattern for Wait Animations in React
A general guideline of good UX is to have what’s on screen reflect the state of the system. When you’re dealing with large applications…
How To Create Native Cross-Platform Apps With Fuse
Fuse is a toolkit for creating apps that run on both iOS/Android devices. See how it works and how it compares to platforms such as React Native and NativeScript. - https://goo.gl/KZJ6w2
#reactnative #nativescript
Fuse is a toolkit for creating apps that run on both iOS/Android devices. See how it works and how it compares to platforms such as React Native and NativeScript. - https://goo.gl/KZJ6w2
#reactnative #nativescript
Smashing Magazine
How To Create Native Cross-Platform Apps With Fuse – Smashing Magazine
Fuse is a toolkit for creating apps that run on both iOS and Android devices. It enables you to create apps using UX Markup, an XML-based language. But unlike the components in React Native and NativeScript, Fuse is not only used to describe the UI and layout;…
Upgrading Ele.me to a Progressive Web App
An in-depth look at how a single page app (SPA) was refactored to a multi-page app (MPA) and finally a Progressive Web App with particular emphasis on performance - https://goo.gl/4RP5Af
#progressivewebapp
An in-depth look at how a single page app (SPA) was refactored to a multi-page app (MPA) and finally a Progressive Web App with particular emphasis on performance - https://goo.gl/4RP5Af
#progressivewebapp
Medium
Upgrading Ele.me to Progressive Web App
Since the very first experiments that @Vue.js tweeted, we at Ele.me (the biggest food ordering and delivering company in China) have been…
Developing Microservices with Node, React, and Docker
Learn how to quickly spin up a reproducible development environment with Docker to manage a number of Node microservices. - https://goo.gl/KrK3kY
#microservice #node #react #docker
Learn how to quickly spin up a reproducible development environment with Docker to manage a number of Node microservices. - https://goo.gl/KrK3kY
#microservice #node #react #docker
mherman.org
Developing Microservices - Node, React, and Docker - Michael Herman
This tutorial details how to quickly spin up a reproducible development environment with Docker to manage a number of Node.js microservices.
PWABuilder
A collection of tools to help build and deploy Progressive Web Apps. - https://goo.gl/rp79m4
#progressivewebapp
A collection of tools to help build and deploy Progressive Web Apps. - https://goo.gl/rp79m4
#progressivewebapp
How to Add a Splash Screen to a React Native App (iOS and Android) - https://goo.gl/U613ja
#reactnative #splashscreen
#reactnative #splashscreen
mini.css - Minimal, Responsive, Style-agnostic CSS Framework
mini.css is a CSS framework designed to be lightweight, responsive and style-agnostic. - https://goo.gl/ObfGHC
#css #framework
mini.css is a CSS framework designed to be lightweight, responsive and style-agnostic. - https://goo.gl/ObfGHC
#css #framework
minicss.org
mini.css - Minimal, responsive, style-agnostic CSS framework
mini.css is a tiny CSS framework designed to build quick, modern and responsive websites.
CSS and The First Meaningful Paint
An exploration of best practices for loading CSS in the browser and how to achieve a ‘meaningful’ paint within 1000ms - .https://goo.gl/7sEyPo
#css
An exploration of best practices for loading CSS in the browser and how to achieve a ‘meaningful’ paint within 1000ms - .https://goo.gl/7sEyPo
#css
Sessions by Pusher
CSS and the First Meaningful Paint - Sessions by Pusher
In this talk we will take a journey exploring the current, past, and future best-practices for loading CSS in the browser and how we can achieve a first meaningful paint within 1000ms. Ultimately creating a faster, more resilient experience for our users.
React Native Calendars: Customizable Calendar Components - https://goo.gl/V6gXLv
#reactnative #component
#reactnative #component