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

Admin: @andrey2019
Download Telegram
Cross-Platform Mobile App Development Tools Compared

Summaries and pros and cons of Cordova, Phonegap, Ionic, Framework 7, Weex, React Native, NativeScript, Flutter, Jasonette, and Manifold. -
https://goo.gl/GiZBhe

#mobile #frameworks #compare
Debugging Tips and Tricks for Front-End Developers

A fantastic round-up of concepts, tools, and things to consider when doing one of a developer’s most important tasks: debugging. - https://goo.gl/zKAj5o

#debugging #tips
Creating an 'Offline' Notice in React Native

Ever seen the red “No Internet Connection” sign in apps like Facebook Messenger? Here’s how to recreate it. - https://goo.gl/Q1pvjH

#reactNative
A Thorough Guide to Building Layouts with CSS Grid

A helpful guide to CSS Grid, including a free visual grid builder tool. - https://goo.gl/QDNe7q

#css #grid
Uploading Files With VueJS and Axios

Handling files can be a tricky task in a frontend application. This tutorial by Dan Pastori will show you a simple way to add a file upload feature to a Vue.js app. - https://goo.gl/gy4HPZ

#vue #axios #fielUploading
Handling State in React: Four Immutable Approaches to Consider

State is perhaps “the most common point of confusion in React today”. - https://goo.gl/PSJmRH

#react
Everything You Need to Know About HTTP Security Headers

And along very similar lines. - https://goo.gl/dL3pGT

#web #http #secure
The anatomy of responsive images

If you need something technical explained in a way that is super easy to understand then Jake Archibald is often the person to go to. The impressive thing for me is that he has used SVG to paint what you would usually assume to be an image with arrows. Nicely done Jake, nicely done. - https://goo.gl/kjwifL

#responsive #images
A Curated Compilation of Node Best Practices

Curated from numerous popular articles this in-development list of best practices covers topics from error handling to memory use. - https://goo.gl/FwqeyA

#nodejs
10 Tips to Become a Better Node Developer in 2017

Azat Mardan presents ten tips, tricks and best practices to help you become a better Node developer in the year ahead. - https://goo.gl/FvJNNJ

#nodejs
Getting Started with Headless Chrome

‘Headless’ Chrome is basically Chrome running without any UI or visible controls, so is ideal for being remotely controlled from JavaScript. -https://goo.gl/VP4BCo

#headless #chome
Lessons From Migrating A Large Codebase to React 16

Discord, a popular text chat system in the gaming community, switched to React 16 pretty quickly and shared its experiences in doing so. -
https://goo.gl/3HAPUm

#react
Does CSS Grid Replace Flexbox?

In short, not exactly. Some good examples here of where Grid and Flexbox work best. - https://goo.gl/gGH1q6

#css #flexbox #grid
The Future of State Management with Apollo GraphQL

A look at using apollo-link-state to manage your local data in Apollo Client, a JavaScript GraphQL client, thus avoiding using something like Redux altogether - https://goo.gl/giyB7e

#apollo #graphQL
11 Vue.js Component Libraries You Should Know In 2018

A big part of Vue’s success lies in its components. Working with components means you can think of each UI pieces in isolation, encourage reusability and modularity, and help keep your UI consistent. - https://goo.gl/PvMW86

#vue
Where 'async' and 'await' Can Beat Promises

Not a deep dive, but some simple examples of using async/await vs promises. ES2016’s async/await are natively supported in Node 7.6+, as well as via Babel. - https://goo.gl/d8rJZ3

#nodejs
React State vs. Redux State: When and Why?

Even if you choose to use Redux in your project, you’ll still need to make decisions on how much of your data is stored using it. - https://goo.gl/7f4TES

#react