Freek.dev

In a new blogpost, Sebastian De Deyne compares Vue syntax with React syntax.

This post is a succinct rundown of most Vue features, and how I would write them with React in 2019 with hooks.

Read more [sebastiandedeyne.com]

Hooks is feature was added recently to React that I really like.

In this article, we reintroduce closures by building a tiny clone of React Hooks. This will serve two purposes – to demonstrate the effective use of closures, and to show how you can build a Hooks clone in just 29 lines of readable JS. Finally, we arrive at how Custom Hooks naturally arise.

Read more [www.netlify.com]

In the latest episode of Full Stack Radio podcast, my colleague Seb explains the differences between React and Vue.

In this episode, Adam talks to Sebastian De Deyne about learning React from the perspective of a Vue developer, and how to translate all of the Vue features you're already comfortable with to React code.

Read more [www.fullstackradio.com]

Here's a PDF, made by Ryan Grove, that executes JavaScript when you open it in Chrome.

Read more [rawgit.com]

My colleague Seb gives some good reasons why he personally likes working with React over Vue.

Vue is the default JavaScript framework for Laravel apps. Being part of the Laravel community, I often get the question why I prefer React, so I've decided to write down a few standout reasons.

Read more [sebastiandedeyne.com]

In a new post at the madewithlove blog, Geoffrey Dhuyvetters explains how you can organize your code so a bundler can make it as small as possible.

As an author of (open source) packages, I think you have the responsibility to protect the bundle size of your package consumer. When you publish a package that exports a whole range of modules (for example lodash, ramda, date-fns…) you want to make sure the package is exported in such a way that the consumer of your package (mostly bundlers) can optimize size.

Read more [madewithlove.be]

In this talk given at the You Gotta Love Frontend conference, Richard Harris gives an intro to Svelte JavaScript framework he created.

Read more

Sebastian wrote a short post on how to configure Husky to run Prettier on every commit.

I'm a happy prettier user to keep my CSS and JavaScript files consistent. However, it's hard to keep the discipline to run Prettier before every commit. This week I decided to automate the process with Husky and lint-staged.

Read more [sebastiandedeyne.com]

Kent C. Dodds guides us through creating our first function on Netlify.

Luckily for us, almost exactly one year ago from the time I'm writing this, Netlify took the complexity of AWS Lambda functions and made it super simple.

Read more [kentcdodds.com]

Jonathan Reinink is creating a library that'll make it easy to create server-driven single-page apps. Super cool idea!

I wanted to blend the best parts of classic server-side apps (routing, controllers, and ORM database access) with the best parts of single-page apps (JavaScript rendering and no full page reloads). Or, at least the best parts as I see them. ?

That journey has led me to a pretty interesting new pattern, which this article explains in detail. In short, I've created a Turbolinks inspired library that makes it super easy to create server-driven single-page apps. I am calling this library Inertia.js.

Read more [reinink.ca]

In an impressive blog post on his blog, React lead developer Dan Abramov, explains how React works on the hood.

This is a deep dive — THIS IS NOT a beginner-friendly post. In this post, I’m describing most of the React programming model from first principles. I don’t explain how to use it — just how it works. It’s aimed at experienced programmers and folks working on other UI libraries who asked about some tradeoffs chosen in React. I hope you’ll find it useful!

React as a UI Runtime

Read more [overreacted.io]

React lead Dan Abramov breaks down the statement "function components capture the rendered values". To me hooks seem like a very cool feature that'll make your react components much more easier to write.

Read more [overreacted.io]

Here's a presentation from the Netflix engineering team on how they made the interface for Netflix' interactive movie Bandersnatch.

Read more

Jonathan Reinink proposes a new take on what Vue's role could be in a server rendered app.

What I have here is a classic server-side app, that uses server-side routing and controllers. There is no API. The controllers lookup the data from the database, and then pass it to the templates. Except, I'm not using any server-side (ie. Blade) templates. Instead I'm doing full client-side rendering using Vue.js. Confused yet? Let me explain.

Read more [reinink.ca]

JavaScript has two zeros: −0 and +0. This post explains why that is and where it matters in practice.

Read more [2ality.com]

I love this pattern; and it works for any promise, with a bit of setup pic.twitter.com/kvsHU6zmpd

— assertchris (@assertchris) January 30, 2019

Read more [twitter.com]

? You can use array destructuring to swap values between variables pic.twitter.com/dxdIipgE1M

— Brandon Dail (@aweary) December 28, 2018

Read more [twitter.com]

Kent C. Dodds wrote a cool post how an upcoming React feature, called Hooks, works on the hood.

React’s upcoming useState hook relies on array destructuring, let’s dive in and see how that feature works.

https://blog.kentcdodds.com/react-hooks-array-destructuring-fundamentals-952fbfd57ea

Read more

At this years dot js conference, Joost Lubach gave an incredible lightning talk on various sync and async concepts.

Read more