FrontEnd Development
30.9K subscribers
145 photos
1 video
9.35K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Service Worker Gotchas

Potential pitfalls to be aware of and understand when using service workers. - https://goo.gl/czjBnT

#serviceWorker
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