21578
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile и многое другое. Администратор: @andrey2019 Donate: https://goo.gl/5FJz4U
Debounce Your React and Redux Code to Improve Performance
‘Debouncing’ is a mechanism for limiting the number of intensive calculations (e.g. only make a request or update something every 500ms at most). - https://goo.gl/8X3iKt
#react #redux
API-driven development with OpenAPI and Swagger
In this two-part article, you’ll learn how to put APIs at the heart of your design and development process, from concept to coding. -
https://goo.gl/wmTAAy
#api #swagger
Configuring Vue Router for a Single Page App
Vue Router is a perfect tool for handling the hard parts of the HTML5 History API. Dan Pastori brings a great article on how you can configure your single-page app routes using Vue Router. - https://goo.gl/anh3AD
#vue #router
Designing Layouts - Flexbox
A look at using flexbox to align, layout and distribute space among elements. - https://goo.gl/D1gMrU
#css #felxbox
A Look at Bootstrap 4's New Reset: Reboot.css
A deep dive into the latest Bootstrap’s new approach to style resetting, as well as some history of style, resets overall. - https://goo.gl/59Rroq
#css
Chrome 62 Released: What’s New?
Improved Network Information API, support for OpenType variable fonts, new ways to capture media, and Payment Request API support on iOS. - https://goo.gl/3FXGWc
#chrome #release
Setting Up Webpack, Babel and React From Scratch, Revisited
An updated, detailed step-by-step guide for getting set up, following best practices and giving you a solid ground to start from. - https://goo.gl/aLtZJi
#webpack #babel #react
Redux is a JavaScript library that aims to simplify how we manage stateful data. Redux keeps all of our data in a single JS object called the Store. A single function, the reducer, is responsible for making modifications to the Store. We trigger the reducer by 'dispatching' an action - a JS object that describes how our data should change. The reducer function receives the action as an argument and makes changes accordingly. Other parts of the code (usually React Components) can subscribe to data in the Store. When data changes, Redux notifies subscribers of the change. - https://goo.gl/xnq4QV
#redux
Getting A High Progressive Web App Score On React and Material-UI
Basic techniques used to get a high score for a sample app based on a stack of React, Redux and Material-UI. - https://goo.gl/Y7mr57
#pwa #react
Front-End conferences
This is a list of upcoming CSS, JavaScript and front-end conferences in 2017 and 2018. - https://goo.gl/udA5E7
#conferences #2017 #2018
Getting Started with Vue.js
Get started with Vue.js with this simple and clear tutorial. Vue is the new kid on the block and it is simple and easy to pick up! - https://goo.gl/DJLk4h
#vue
The New Ease of Building App-Like, Reliable and Engaging Web Apps
Using Angular and Cloud Firestore (Google’s new database for Firebase) to create a basic PWA in less than 1 hour. - https://goo.gl/UUMC7F
#angular
Deploy Docker Images to Heroku with Container Registry
Heroku’s new Container Registry and Runtime is now generally available and brings together the benefits of Docker with those of Heroku. - https://goo.gl/2kCpKa
#docker #heroku
The Web at Maximum FPS: How WebRender Gets Rid of Jank
“WebRender isn’t really about making rendering faster. It’s about making it smoother.” A great look at improvements coming to Firefox soon. - https://goo.gl/boMMW5
#css
I’m Breaking up with Higher Order Components
Why one developer is preferring to write declarative, readable and flexible React components using render props instead of HOCs. -
https://goo.gl/3zkaZw
#react
Vue 2.5 released - https://goo.gl/4HWjks
Vuex 2.5.0 released - https://goo.gl/ocvrxv
Vuetify.js v0.16.6 released - https://goo.gl/tA4Zuw
Element UI 2.0.0-beta.1 released - https://goo.gl/yidrxA
Released Quasar v0.14.5 released - https://goo.gl/QJzKAU
#vue #release
A JavaScript’s Promise That Leaks Memory (and Why)
What you can do about memory leaks in recursive loops. - https://goo.gl/92p4aX
#promise
Write Blazing Fast Vue Unit Tests with Tape and Vue Test Utils
Edd Yerburgh has published a great tutorial on how to write Vue unit tests with Tape and Vue Test Utils. Check it out and see why Tape is the fastest framework for unit testing Vue components. - https://goo.gl/urb2Ce
#vue #testing
Service Worker Gotchas
Potential pitfalls to be aware of and understand when using service workers. - https://goo.gl/czjBnT
#serviceWorker
Vue.js Transitions & Animations: Production-Ready Examples
Sinpcart has published an awesome tutorial on how to handle production-ready Vue.js transitions and animations. This tutorial has in-depth explanations, live CodePens and more. - https://goo.gl/UYNrkD
#vue #animations
Taucharts One: A Mature Charting Library with a Simple API
Has a lot of features including timeline charts, value highlighting, and a sparkline mode for dense data. - https://goo.gl/ij3CXe
#taucharts #library
Microsoft Edge for iOS & Android: What Developers Need to Know
Microsoft Edge is coming to iOS and Android using WebKit on iOS and Blink on Android. - https://goo.gl/eqntMs
#edge
Offline First Masonry Grid Showcase with Vue
In this guest post by Christian Nwamba, you will learn how to build a masonry photo grid app with Vue.js. The app will be a Progressive Web App to ensure offline support. - https://goo.gl/Z99cwS
#vue #pwa
Image Effects with CSS
A collection of CSS snippets to create fast, complex image effects, such as pencil drawing, watercolor painting, and the intriguing ‘flannel’. - https://goo.gl/6rnRhw
#css
CSS Grid Challenge: Winners and Templates
Smashing Magazine ran a CSS Grid design challenge and here are the results. A good look at what’s possible with CSS Grid today. - https://goo.gl/fn5pzr
#css
Behind the Scenes of 7 React Conferences
A report on seven different React events that took place this year, with tips, highlights and pros/cons of each. - https://goo.gl/XHDhRU
#conf #react
Redux: Architecting and Scaling A New Web App at The NY Times
How the NYT scaled a React app to serve more than a million users per month by leaning on Redux. - https://goo.gl/wUeMBK
#react #redux #video
Node 8.7.0 was released - https://goo.gl/dT6pzr
#nodejs #release
Building Browser Extensions At Scale
An extensive overview of techniques, best practices, and things learned by Grammarly, creators of a popular browser extension. - https://goo.gl/Dgdh81
#extension
Next.js 4 Released with Perf and Styling Upgrades
A new version of Next.js, a framework for building universal React apps, is out with support for React 16 and a major upgrade to its styling engine. - https://goo.gl/b6eNCN
#next4 #release