Posts tagged with javascript
Caleb Porzio, developer at Tighten Co, recorded a video that explains how to publish a Vue component as a package
If you're like me, you have a handful of useful Vue components you use between different projects. Many times I've wanted to publish an individual Vue component to NPM for myself and others to access more easily.
Read more [calebporzio.com]
Woodworker/developer Jesse Schutt clearly explains how to use v-model properly on nested components.
Building a custom component that operates on chunks of data is easier than you may think. It involves understanding how Vue handles the input/update cycle and making a few changes to your component. Let’s start by taking a look at one approach for turning a standard component into a “controlled” component and then figure out how to nest them.
Read more [zaengle.com]
Join thousands of developers
Every two weeks, I share practical tips, tutorials, and behind-the-scenes insights from maintaining 300+ open source packages.
No spam. Unsubscribe anytime. You can also follow me on X.
✨ Laravel users, make this small change to your app.js file to auto register your Vue components. The filename becomes the component name. ?
— Jonathan Reinink (@reinink) 2 november 2018
Gist here: https://t.co/Y3NjLzgBEI pic.twitter.com/h5ByVNuiR6
Read more [twitter.com]
In this video VueJS core member Chris Fritz gives some good Vue tips.
In a new blogpost, Evan You, the creator of Vue, outlines the changes and new features coming to the next major release of Vue.
There are greatly improved tools that could enhance our workflow, and many new language features that could unlock simpler, more complete, and more efficient solutions to the problems Vue is trying to solve. What’s more exciting is that we are seeing ES2015 support becoming a baseline for all major evergreen browsers. Vue 3.0 aims to leverage these new language features to make Vue core smaller, faster, and more powerful.
Read more [medium.com]
? Writing that extra line that just has a return statement to return an object in my Vue component's data() method feels really bad every time.
— wetbread (@DCoulbourne) September 20, 2018
(Not to mention that data() is a method, not just an object ?)
So I found a way to trim 2 lines using arrow functions ? pic.twitter.com/Qmlil4mqHD
Read more [twitter.com]
Mahak Narayan Singh explains how Babel does it's job.
Have you ever thought how this awesome tool which you use in your daily life works under the hood? How does compilers you use in our daily life work? Do you need your own customized compilation? You should find this article beneficial then.
Read more [medium.com]
Wired.com published a interesting piece on Even You and Vue. It also contains some quotes by Taylor Otwell, the creator of Laravel.
The big reason for Vue's success, developers who rely on it say, is its simplicity. More companies want to build web applications that, like Google Docs, feel as snappy as a native application. But few actually build applications as complex as Facebook’s or Google’s. What developers often really want is a framework for building small, interactive web apps. Angular can be overkill for simple applications, while React has a steep learning curve even for experienced developers. Vue applies a more "layered" approach to building a framework.
Read more [www.wired.com]
Then you're gonna love self-executing memorization functions. @TheAlexLichter just introduced me and @wilburpowery to it. pic.twitter.com/0XJ6OYRxbS
— Till Krüss (@tillkruss) September 6, 2018
Read more [twitter.com]
A couple of weeks ago GitHub removed the last usages of jQuery in their front end code. On their engineering blog that share why and how they removed it.
We have recently completed a milestone where we were able to drop jQuery as a dependency of the frontend code for GitHub.com. This marks the end of a gradual, years-long transition of increasingly decoupling from jQuery until we were able to completely remove the library. In this post, we will explain a bit of history of how we started depending on jQuery in the first place, how we realized when it was no longer needed, and point out that—instead of replacing it with another library or framework—we were able to achieve everything that we needed using standard browser APIs.
Read more [githubengineering.com]
⏲️? Having trouble inspecting things that only show up when your mouse is hovered (because of javascript, not just CSS hover)?
— Caleb Porzio (@calebporzio) September 7, 2018
Here's a little helper to add to your projects. I use this baby all the time. pic.twitter.com/FNyyGcVgbj
Read more [twitter.com]
I thought everyone knew/did this but was told it was a pretty ?tip by @calebporzio.
— Jack McDade (@jackmcdade) 29 augustus 2018
So behold! Cleaner #vuejs binding events on <a> tags!#hottip pic.twitter.com/Q0Hd4VoY5M
Read more [twitter.com]
Bram Van Damme, who runs the excellent bram.us blog recently gave a talk at the Frontend United 2018 conference on what will be coming to JavaScript in the next few years.
With ES2015 a lot has changed in JavaScript-land. Lesser known releases are the ES2016 and ES2017 releases. This talk not only touches these two new releases, but also looks forward at what’s to come next for JavaScript (ES2018 and more).
You'll find the videos of the other talks at Frontend United in this playlist on YouTube.
My colleague Sebastian has been busy creating some low level Vue components for a client project. For these components he use JSX.
In my most recent project at work, I'm experimenting with JSX templates in Vue. Vue offers first-party support for JSX with near-zero configuration, but it doesn't seem to be commonly used in the ecosystem. I'm going to share my initial thoughts on using JSX with Vue. I'll be posting side-by-side examples of Vue templates and their JSX counterparts.
Read more [sebastiandedeyne.com]
Matt Stauffer shares some interesting refactors suggested by his co-workers on a Vue component he wrote.
I've written some Vue since 2015, but I've also learned some React, written a lot of Laravel, run a company, and spent much of my free time writing a book about Laravel. It's time for me to get back into Vue.js and really spend some time to get good at it. Thankfully, some of the best Vue developers out there work at Tighten, so I'm putting them to work to level me up. So, I'm going to be writing new Vue code and also cleaning up some of my Vue from 2015, and I wanted to share the process with you, my lovely readers.
https://mattstauffer.com/blog/refactoring-vue-cleaning-up-a-list-of-posts-with-better-component-splitting-and-more-es6/
?? Little component I made if you want to submit data (including JSON!!) from your Vue components in native HTML forms.https://t.co/FSdiuhJLmA pic.twitter.com/pF9Gb6BYRD
— Caleb Porzio (@calebporzio) May 2, 2018
Read more [twitter.com]
It’s hard to keep track of what’s new in JavaScript (ECMAScript). And it’s even harder to find useful code examples. So in this article, I’ll cover all 18 features that are listed in the TC39’s finished proposals that were added in ES2016, ES2017, and ES2018 (final draft) and show them with useful examples.
https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e
Adam Wathan recently livestreamed how he built a renderless sortable component around Shopify's draggable library. You'll find the code used in this GitHub repo and the video itself below.
If you like what you're seeing, be sure to sign up to Adam's upcoming course on designing Vue components.
Wes Bos, one of the best online teachers around, published a new video where he explains what the React's new context API entails and how you can use it.
My colleague Seb did some amazing work with the creation of two packages that make it easy to get started with server side rendering in PHP. In a new post on his blog he'll tell you all about it.
Server side rendering is a hot topic when it comes to client side applications. Unfortunately, it's not an easy thing to do, especially if you're not building things in a Node.js environment.
I published two libraries to enable server side rendering JavaScript from PHP: spatie/server-side-rendering and spatie/laravel-server-side-rendering for Laravel apps.
Let's review some server side rendering concepts, benefits and tradeoffs, and build a server renderer in PHP from first principles.
https://sebastiandedeyne.com/posts/2018/server-side-rendering-javascript-from-php