Category: Web Design – Javascript

Sliding In And Out Of Vue.js

One of the key advantages of Vue.js is that it plays nicely with other code: it is easy to embed progressively into other applications, but it is also easy to wrap up non-Vue code into Vue. This article explores this second advantage, covering three distinct types of third-party JavaScript and ways to embed each of them in Vue. Vue.js has achieved phenomenal adoption growth over…

Angular Routing – Best Practices for Enterprise Applications

Before We Get Started This article is not intended to be a tutorial on routing in Angular. If you are new to Routing in Angular then I highly recommend you check out one of the the following resources: Background The following represents a pattern that I’ve developed at my day job after building several enterprise Angular applications. While most online tutorials do a great job…

confirmation.js: A simple Node tool to replicate Browser's confirm popup on CLI

A simple Node tool to have Browser’s confirm popup on your CLI. Installation yarn add confirmation Usage if (await confirmation(‘Are you sure?’)) { console.log(‘Yay!’); } else { console.log(‘Oops!’); } API confirmation(message) : bool Shows a message and OK and Cancel buttons. Example: const result = await confirmation(‘You will delete your items, are you sure?’) confirmation(title, message) : bool Shows a message with a title and…

I made a first npm module for React!

y0c (HoSung Lim) · GitHub Create your own GitHub profile Sign up for your own profile on GitHub, the best place to host code, manage projects, and build software alongside 31 million developers. Sign up 1,126 contributions in the last year FebMarAprMayJunJulAugSepOctNovDecJanFebSunMonTueWedThuFriSat Contribution activity February 2019 Created 113 commits in 1 repository You can’t perform that action at this time. You signed in with another…

Using TensorFlow.js to check for naughty content client-side

#425 — February 22, 2019 Read on the Web JavaScript Weekly NSFW JS: A Way to Check for NSFW Images Client-Side — Billed as ‘client-side indecent content checking for the soul’, this is an interesting, though imperfect, way to screen content prior to upload. It uses TensorFlow.js behind the scenes. Demo here. Gant Laborde JavaScript Loading Priorities in Chrome — How browsers schedule and execute…

How to Avoid DOM Blocking in JavaScript

JavaScript programs run on a single thread in the browser and in runtimes such as Node.js. When code is executing in a browser tab, everything else stops: menu commands, downloads, rendering, DOM updates and even GIF animations. This is rarely evident to the user because processing occurs quickly in small chunks. For example: a button is clicked which raises an event that runs a function…

The Easiest Way to Get an E-Commerce Site Running in Umbraco

Editors’ note: this is a guest post from the nice folks at uSkinned. The Snipcart-powered theme they’ve built is truly neat and one of the best integrations of our product we’ve seen. We’re offering 3 months of free Snipcart usage to all uSkinned customers who purchase the Merch theme! I’m passing the mic to Paul now. I love Umbraco. I’ve felt this way…

Get Started With Node: An Introduction To APIs, HTTP And ES6+ JavaScript

About The Author Jamie is a 16-year-old Full Stack Developer located in Texas. He has particular interests in teaching, Machine Learning, and Computer Vision, and is in the … More about Jamie… An introduction to the backend web application development process — discussing bleeding edge ES6+ JavaScript features, the HyperText Transfer Protocol, working with APIs and JSON, and using Node.js to build fast and scalable…

Refactoring a component to use React hooks

React 16.8 introduced hooks; a new way to work with effects and state in React. No longer do React components that have state need to be ES2015 classes that extend React.Component – hooks let us write components as functions and still have all the functionality of class based components. It’s important to note that React will continue to support class based components for a long…