21578
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile и многое другое. Администратор: @andrey2019 Donate: https://goo.gl/5FJz4U
Progressively migrating from AngularJS to Vue.js at Unbabel
Recently the team at Unbabel, decided to migrate some of their existing web applications from AngularJS to Vue.js and set Vue as the new standard framework to create UIs. - https://goo.gl/LtFt7W
#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
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
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
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
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
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
Safari Service Workers and Other PWA Good News Stories
There’s been a lot of good news for fans of PWAs across 2017 and this post summed much of it up. - https://goo.gl/6qWPzM
#pwa
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
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
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
Creating A Pagination Component with React - https://goo.gl/yrWWEC
#react #component
Re-using VueJS Mixins and Filtering Google Map Data
The last tutorial introduced mixins adding re-usable methods for filtering. This tutorial will use the mixins to filter cafes on a Google Map. - https://goo.gl/9FRPwY
#vue
Hello Everyone.
I wanted to thank you for following FrontEnd Development in this year. The channel just recently grew past 1330 subscribers, and I’m immensely grateful for each and every one of you.
Have wonderful holidays in the circle of your loved ones and your family, and happy, successful & amazing new year!
Thank you.
Build a Secure To-Do App with Vue, ASP NET Core, and Okta
Building a simple app is a great way to stretch your legs and try a language or framework you haven’t used before. - https://goo.gl/AzC7zC
#vue #aspNet
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
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
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
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
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
Everything You Need to Know About HTTP Security Headers
And along very similar lines. - https://goo.gl/dL3pGT
#web #http #secure
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
A Checklist of Node Production Best Practices
19 different tips or best practices to consider when putting your Node apps into production, along with pop-out examples and links. - https://goo.gl/Hxyiaf
#nodejs
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
How To Secure Your Web App With HTTP Headers
Hagay Lupesko reviewed key security-related HTTP headers and demonstrated their use in mitigating security vulnerabilities and attacks. - https://goo.gl/QKCoUw
#web #http #secure
vue-inspector
Vue.js Inspector for Mobile Devices. - https://goo.gl/FUhmE3
#vue #tools
Making HTML Responsive with a Single Line of CSS
The responsiveness happens in a single CSS Grid-related property, namely grid-template-columns coupled with the auto-fit keyword. -
https://goo.gl/L6g116
#responsice #css
Testing React Components
Some quick insights gained from writing thousands of UI tests. - https://goo.gl/5tBj4C
#react #testing
Zigzag Image–Text Layouts Make Scanning Less Efficient
When you’re laying out your new grid based pages it’s good to know just how users consume content on the page, and what makes it easier/less effort. - https://goo.gl/Z3FrJr
#web
React is the Most Used Front-End Framework
Results from this year’s State of JavaScript survey show React is the dominant player, though Vue is the one most people want to learn next. - https://goo.gl/r8SkZK
#survey #frontEnd