Build an Instagram clone with Vue.js and CSSGram
In this article, we’ll walk through the steps needed to build an Instagram clone that lets users add Instagram-like posts with Instagram-like filters on to a feed! - http://bit.ly/2NWjgfk
#vue
In this article, we’ll walk through the steps needed to build an Instagram clone that lets users add Instagram-like posts with Instagram-like filters on to a feed! - http://bit.ly/2NWjgfk
#vue
Medium
Tutorial - Build an Instagram clone with Vue.js and CSSGram
By Hassan Djirdeh (@djirdehh)
Developing Real-Time Web Applications with Server-Sent Events
A detailed look at how to create real-time web apps using SSE which is supported by all major browsers except Edge (which can be polyfilled). - http://bit.ly/2OrOpbv
#nodejs
A detailed look at how to create real-time web apps using SSE which is supported by all major browsers except Edge (which can be polyfilled). - http://bit.ly/2OrOpbv
#nodejs
Auth0 - Blog
Developing Real-Time Web Applications with Server-Sent Events
Learn how to create real-time web applications by using the Server-Sent Events specification.
Why Discord is Sticking with React Native
A look back at how chat platform Discord has used React Native over the past three years, reaping “the benefits of quickly leveraging reusable code across platforms”. After a few “we’re moving away from React Native” stories recently, it’s nice to see this one. - http://bit.ly/2Oup40r
#reactNative
A look back at how chat platform Discord has used React Native over the past three years, reaping “the benefits of quickly leveraging reusable code across platforms”. After a few “we’re moving away from React Native” stories recently, it’s nice to see this one. - http://bit.ly/2Oup40r
#reactNative
Discord Blog
Why Discord is Sticking with React Native
Being one of the first apps built with React Native, we were excited to share our first year journey using React Native back in 2016.
Logging Activity with the Web Beacon API
The Beacon API is a Web API (supported by all major browsers) that provides an efficient way for data to be asynchronously sent from a page back to a server for logging purposes. - http://bit.ly/2OLSBD1
#javascript
The Beacon API is a Web API (supported by all major browsers) that provides an efficient way for data to be asynchronously sent from a page back to a server for logging purposes. - http://bit.ly/2OLSBD1
#javascript
Smashing Magazine
Logging Activity With The Web Beacon API — Smashing Magazine
The Beacon API is a lightweight and efficient way to log information from a web page back to a server. Find out how that can be used and what makes it so different from traditional Ajax techniques.
Test Isolation with React
Why your tests should be completely isolated from one another and how to do that. - http://bit.ly/2AJw4Uv
#react #testing
Why your tests should be completely isolated from one another and how to do that. - http://bit.ly/2AJw4Uv
#react #testing
kentcdodds
Test Isolation with React
Why your tests should be completely isolated from one another and how to do that.
What’s the Deal With Functional Components in Vue.js?
What are functional components in Vue.js? Why use should you care about them? When should you use them? These key questions are addressed in this article. - http://bit.ly/2Odwa8F
#vue
What are functional components in Vue.js? Why use should you care about them? When should you use them? These key questions are addressed in this article. - http://bit.ly/2Odwa8F
#vue
ITNEXT
What’s the deal with functional components in Vue.js?
Figuring out the what, why, when, and how of Vue.js functional components.
HTTP Requests Compared: Why Jeff Thinks Axios Is Better Than 'node-fetch'
Verrry subjective, but may inspire some thoughts. - http://bit.ly/2AqcBbi
#nodejs #axios
Verrry subjective, but may inspire some thoughts. - http://bit.ly/2AqcBbi
#nodejs #axios
Medium
HTTP Requests Compared: Why Axios Is Better Than Node-Fetch (Automatic Transformations, More Secure, Can Handle Errors Better,…
What Are They?
Getting Started with Nx: The Nrwl Extensions for Angular
In this article we will learn how to create an Angular Nx Workspace and scaffold it out with multiple apps and libs in a mono-repo style approach. - http://bit.ly/2KsxqTj
#angular
In this article we will learn how to create an Angular Nx Workspace and scaffold it out with multiple apps and libs in a mono-repo style approach. - http://bit.ly/2KsxqTj
#angular
Solved with CSS! Logical Styling Based on the Number of Given Elements
Una Kravets demonstrates how to use CSS to solve some interesting, logical UI challenges. - http://bit.ly/2LYJ50Z
#css
Una Kravets demonstrates how to use CSS to solve some interesting, logical UI challenges. - http://bit.ly/2LYJ50Z
#css
CSS-Tricks
Solved with CSS! Logical Styling Based on the Number of Given Elements | CSS-Tricks
Did you know that CSS is Turing complete? Did you know that you can use it to do some pretty serious logical styling? Well you can! You don’t have to set all of your logic-based styling rules in JavaScript, or even have to use JavaScript to set classes you…
Code Splitting Pattern With Vuejs & Webpack
The initial request of a Vue single-page app can be slow if you retrieve the whole JavaScript and CSS. Code splitting, a technique made possible with Webpack, can distribute code across page loads to improve a site’s UX. - http://bit.ly/2OM7AwH
#vue #webpack
The initial request of a Vue single-page app can be slow if you retrieve the whole JavaScript and CSS. Code splitting, a technique made possible with Webpack, can distribute code across page loads to improve a site’s UX. - http://bit.ly/2OM7AwH
#vue #webpack
Noteworthy - The Journal Blog
Code Splitting Pattern With Vuejs & Webpack
The initial request of retrieving the site is a scary thing, as we retrieve the whole JavaScript files & CSS Files.
Xamarin vs React Native: The Complete Guide
A Xamarin vs React Native comparison packed with tips for selecting the ideal cross-platform mobile development framework for your project - http://bit.ly/2MlK6x1
#xamarin #reactNative
A Xamarin vs React Native comparison packed with tips for selecting the ideal cross-platform mobile development framework for your project - http://bit.ly/2MlK6x1
#xamarin #reactNative
JavaScript Algorithms and Data Structures
JavaScript examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. - http://bit.ly/2vlx4sS
#javascript
JavaScript examples of many common algorithms (e.g. bit manipulation, Pascal’s triangle, Hamming distance) and data structures (e.g. linked lists, tries, graphs) with explanations. - http://bit.ly/2vlx4sS
#javascript
GitHub
trekhleb/javascript-algorithms
Algorithms and data structures implemented in JavaScript with explanations and links to further readings - trekhleb/javascript-algorithms
Angular 6 — Login and Router Tutorial
In Angular 6 when you want to create a web application that has login functionality, you probably will want to have protected routes too.
- http://bit.ly/2MlirMz
#angular
In Angular 6 when you want to create a web application that has login functionality, you probably will want to have protected routes too.
- http://bit.ly/2MlirMz
#angular
Medium
Angular 6 — Login and Router Tutorial
In Angular 6 when you want to create a web application that has login functionality, you probably will want to have protected routes too.
A Crash Course on Serverless APIs with Express and MongoDB
A really detailed look at running Express in a serverless context. - http://bit.ly/2viP0TU
#nodejs
A really detailed look at running Express in a serverless context. - http://bit.ly/2viP0TU
#nodejs
Hacker Noon
A crash course on Serverless APIs with Express and MongoDB
Serverless has become an amazing tool for various use cases.
The Trick to Viewport Units on Mobile
Notches, scrollbars, navigational elements. they can all interfere with your use of the vw and vh viewport units. CSS custom properties to the rescue! - http://bit.ly/2Mx4Pht
#css
Notches, scrollbars, navigational elements. they can all interfere with your use of the vw and vh viewport units. CSS custom properties to the rescue! - http://bit.ly/2Mx4Pht
#css
CSS-Tricks
The trick to viewport units on mobile | CSS-Tricks
Viewport units have always been controversial and some of that is because of how mobile browsers have made things more complicated by having their own
Build a State Management System with Vanilla JavaScript
Redux, MobX and Vuex can make managing cross-component state trivial, but what would it take to write one for yourself? - http://bit.ly/2vCOnVt
#javascript
Redux, MobX and Vuex can make managing cross-component state trivial, but what would it take to write one for yourself? - http://bit.ly/2vCOnVt
#javascript
CSS-Tricks
Build a state management system with vanilla JavaScript
Managing state is not a new thing in software, but it’s still relatively new for building software in JavaScript. Traditionally, we’d keep state within
👍1
How to Get Better at Writing CSS
Thomas Lombart shares some tips for writing better, more maintainable CSS. - http://bit.ly/2nekZkT
#css
Thomas Lombart shares some tips for writing better, more maintainable CSS. - http://bit.ly/2nekZkT
#css
freeCodeCamp.org
7 Important Tips for Writing Better CSS
One of the biggest issues in programming is dealing with maintenance. In a
real-world scenario, we don't always start developing projects from scratch.
Mostly, we are assigned (or take) a project that has already been written maybe
a couple of years before…
real-world scenario, we don't always start developing projects from scratch.
Mostly, we are assigned (or take) a project that has already been written maybe
a couple of years before…
Finite State Machines with React
As JavaScript applications have grown more complex, so too has the complexity of dealing with state in them. - http://bit.ly/2AJv2rB
#react
As JavaScript applications have grown more complex, so too has the complexity of dealing with state in them. - http://bit.ly/2AJv2rB
#react
CSS-Tricks
Finite State Machines with React | CSS-Tricks
As JavaScript applications on the web have grown more complex, so too has the complexity of dealing with state in those applications — state being the
Custom directives in Angular 6 — building a Google places autocomplete
Abhishek, the author of this article, has been playing around with Angular a lot lately and a lot of things that seemed unnecessary in the beginning is starting to make sense. Angular is a well thought out framework, and although it is very opinionated, it follows some of the industry best practices when it comes to structuring the frontend of a web application. - http://bit.ly/2nc91In
#angular
Abhishek, the author of this article, has been playing around with Angular a lot lately and a lot of things that seemed unnecessary in the beginning is starting to make sense. Angular is a well thought out framework, and although it is very opinionated, it follows some of the industry best practices when it comes to structuring the frontend of a web application. - http://bit.ly/2nc91In
#angular
Hacker Noon
Custom directives in Angular 6 — building a Google places autocomplete
Final Project: http://ng-places-maverick.surge.sh/
👍1
New eggheadio Course: Beautiful and Accessible Drag and Dropping with react-beautiful-dnd - http://bit.ly/2LYffuo
#react #egghead #course
#react #egghead #course
egghead
Beautiful and Accessible Drag and Drop with react-beautiful-dnd
Drag and drop (dnd) experiences are often built to sort lists of content vertically and horizontally.
react-beautiful-dnd is an excellent tool for thes...
react-beautiful-dnd is an excellent tool for thes...