Jake Archibald: In The Loop – JSConf.Asia 2018

Have you ever had a bug where things were happening in the wrong order, or particular style changes were being ignored? Ever fixed that bug by wrapping a section of code in a setTimeout? Ever found that fix to be unreliable, and played around with the timeout number until it kinda almost always work… Source: […]

Server-Side Rendering With Laravel & Vue.js 2.5

Server-side rendering is great way to increase the perception of loading speed in your full-stack app. Users get a complete page with visible content when they load your site, as opposed to an empty page that doesn’t get populated until JavaScript runs…. Source: https://www.codementor.io/vuejsdevelopers/server-side-rendering-with-laravel-vue-js-2-5-dmcu63w2y

React Component Patterns

It’s been a while since I’ve been working with React — a Facebook library to build user interfaces using JavaScript — and there are a few concepts I wish I knew when I was just starting…. Source: https://levelup.gitconnected.com/react-component-patterns-ab1f09be2c82

Replacing jQuery With Vue.js: No Build Step Necessary

A really common use case for needing JavaScript on a site is capturing user input from a form, so let’s start there. We won’t actually incorporate the full form yet in the interest of simplicity and clarity, but we’ll work up to it by the end…. Source: https://www.smashingmagazine.com/2018/02/jquery-vue-javascript/

React’s ⚛️ new Context API

It’s way more ergonomic, it’s no longer “experimental,” and it’s now a first-class API! OH, AND IT USES A RENDER PROP! NOTE: This is a cross-post from my newsletter. I publish each email two weeks after it’s sent…. Source: https://blog.kentcdodds.com/reacts-%EF%B8%8F-new-context-api-70c9fe01596b

I made a talking emoji using regular emojis and JavaScript

Today, while I was working, someone sent an interesting little script in a chat group: http://jsbin.com/nijohi/edit?js,output. The original code was written by Martin Kleppe — kudos to him for the short implementation. The code is very simple, but the effect is very interesting…. Source: https://hackernoon.com/how-i-made-a-talking-emoji-using-regular-emojis-and-javascript-fe20e62ba10

3 Code Splitting Patterns For VueJS and Webpack

Code splitting a single page app is a great way to improve its initial loading speed. Since a user doesn’t have to download all the code in one hit, they’ll be able to see and interact with the page sooner…. Source: https://medium.com/js-dojo/3-code-splitting-patterns-for-vuejs-and-webpack-b8fff1ea0ba4

When (and when not) to use Redux

Managing state when building complex tasks was quite a pain in the neck until Redux came along. Inspired by Flux an application design pattern, Redux is designed to manage the state of data in JavaScript applications…. Source: https://blog.logrocket.com/when-and-when-not-to-use-redux-41807f29a7fb