How to Separate Frontend + Backend with Rails API, Nuxt.js and Devise-JWT

Which framework should you use for a powerful web application, Rails or Nuxt.js? Why not both! This post goes through the process of building a decoupled app with the Rails API and Nuxt, as well as a basic authentication system using Devise-JWT - https://goo.gl/4iMdjw

#froneEnd

Understanding Margin Collapse in CSS

A visual look at a fundamental CSS concept: margins that ‘collapse’ against each other. Except when they don’t. - https://goo.gl/f7GA5c

#css

Using Kubernetes for Local Development

Kubernetes provides production-level container management but you can develop against it locally. Google’s Skaffold tool makes this relative easily and this brief tutorial demonstrates using it to do so with a basic Node app. - https://goo.gl/5sgi5L

#nodejs

Say Hello to Houdini and the CSS Paint API

Will Boyd introduces the Houdini project and shows how to get started with the CSS Paint API (the first part of Houdini to go live). - https://goo.gl/L4X8qd

#css #paintAPI

JavaScript Modules Worth Using

A quick breakdown of the most useful JavaScript modules that Travis Fischer has found himself using over and over again. - https://goo.gl/DQZnEb

#javascript

Theming with Variables: Globals and Locals

Andrés Galante shares some tips on theming using Global and Component variables. - https://goo.gl/BLWeZp

#css

Creating a Progressive Web App with Ionic and Firebase Hosting

Part 3 in a series on creating a real-time chat app using Socket,io and Ionic, with the final part showing how to convert it to a Progressive Web App. - https://goo.gl/wAwUjk

#ionic

A Short Guide to a Productive Docker Dev Environment

If you don’t need full-on Kubernetes, you may prefer this tutorial focused on Docker. - https://goo.gl/im5DpP

#nodejs #docker

Tips and Tricks for Creating a Native Mobile App with NativeScript - https://goo.gl/A3wyZN

#nativeScript

CSS Gradient

CSS Gradient is an online tool that lets you create gradients for the web. - https://goo.gl/CexBgV

#css #tools

Building a GitHub Client with React Apollo

A walkthrough of building an app to interact with GitHub’s awesome GraphQL API. - https://goo.gl/mvkmqL

#react #apollo

A 10 Video Introduction to Functional JavaScript with Ramda

Want to get started with functional programming in JavaScript? Ramda is a more functional alternative to libraries like Lodash, and these brief videos cover the essentials. You may also appreciate Kyle Simpson’s Functional-Light JavaScript if you set off on the functional programming journey. - https://goo.gl/VQMx1J

#javaScript #ramda

Common Anti-Patterns and Gotchas in React

Covers five common problems with an example and resolution for each. - https://goo.gl/PdJ8X7

#react

Notched Boxes

Chris Coyier shows how to create cut-off corner effect using clip-path. - https://goo.gl/fxCqqt

#css

How to Test Node Apps using Mocha, Chai and SinonJS - https://goo.gl/4v2THW

#nodejs #tests

A Complete Guide to Recording Location Data in React Native

A complete guide to gathering a users’ location data and displaying it on a map with React Native. - https://goo.gl/Z53GCa

#reactNative

JavaScript vs. TypeScript vs. ReasonML: Pros and Cons

Dr. Axel is becoming a fan of static typing for larger projects and explains the pros and cons of it and how static typing relates to the TypeScript and ReasonML projects. - https://goo.gl/kLXK7c

#javascript #typescript

Renderless Components in Vue.js

A comprehensive guide on designing customizable Vue.js components using scoped slots and render functions. - https://goo.gl/pgJhrB

#vue

Loading Third-Party JavaScript

Addy Osmani and Arthur Evans explain how to optimize the loading of third-party scripts to reduce their impact on performance. - https://goo.gl/93hmBm

#javascript

The History of Node.js on a Timeline

With Node getting its name on March 3, 2009, we’re due a tenth anniversary next year. - https://goo.gl/Qqq7fQ

#nodejs