はてなブックマーク

Context API is a great feature offered by React, but it can be tricky to get it right. Learn how to efficiently create and consume Context API with the use of React Hooks without performance issues. Starting with a naive implementation, we will iterate over what can be improved and how to avoid unnecessary component re-renders. Since version 16.3, React has had a stable version of Context API that

Testing GraphQL doesn't have to be difficult. This article will explore static and dynamic mocks to make testing GraphQL a breeze. Imagine you're working on a new feature with another team. You're in charge of the React side, but someone else is in charge of the GraphQL changes. Is it possible for you to develop your side before they have finished theirs? Or how about wanting to test your componen

Here are the top best practices I've developed while working on Vue projects with a large code base. These tips will help you develop more efficient code that is easier to maintain and share. When freelancing this year, I had the opportunity to work on some large Vue applications. I am talking about projects with more than 😰 a dozen Vuex stores, a high number of components (sometimes hundreds) an

WebAssembly is one of the newest technologies to hit the web dev world with some promising new features around performance. This is a look into how we could slowly integrate the new technology into an existing React app. WebAssembly is one of the newest technologies in web development. It allows you to execute code built in other languages — a feature you can take advantage of without a major rewr

TypeScript and React are an increasingly common pair. Learn how to get up and running with TypeScript for your next React project. TypeScript is more and more becoming a common choice to make when starting a new React project. It’s already being used on some high profile projects, such as MobX, Apollo Client, and even VS Code itself, which has amazing TypeScript support. That makes sense since bot

Could a server application architecture that promises to provide an alternative to JavaScript be the next big thing for .NET developers in 2019? In this article we'll discuss Razor Components, a new framework that promises JavaScript free web development backed by .NET technologies like C#, .NET Standard, and SignalR. Could a server application architecture that promises to provide an alternative

A new form of web development is starting to emerge that promises to provide an alternative to JavaScript: WebAssembly. Web development has always been synonymous with JavaScript development. That is, until now. A new form of web development is starting to emerge that promises to provide an alternative to JavaScript. As a software developer with 15 years of experience in web development, this new

What is Angular Ivy? Learn how this new rendering engine for Angular works, how you can stay up to date as it develops and what it means to you. If you're in the Angular world, you may have been hearing this buzzword "Ivy" being tossed around. But what is Ivy? Is it a plant you want to avoid? A comic book villain? A group of colleges? Nope, not in this case. Ivy is Angular's upcoming new rendering

A brief review of all the exciting updates coming with the new Angular 6 release, including Angular Elements, Service Worker improvements and more. The Angular 6 release is PRETTY DANG EXCITING. Brad Green, Miško Hevery and Kara Erickson got into all the juicy details of this upcoming release at the opening keynote for ng-conf 2018. There’s a lot to cover in the latest release of Angular. In this

From command-line tools and webpack to TypeScript, Flow and beyond, let's talk about how to use JavaScript in 2018. Last year many people, including myself, were talking about JavaScript fatigue. No, the ways to write a JavaScript application have not really slimmed down, BUT with a lot of command-line tools doing much of the heavy lifting, transpiling becoming less crucial and TypeScript trying t

As we’ve seen in a previous article, scope is an important concept in JavaScript that can sometimes be confusing to developers. On a similar note, context and the this keyword are as important and - unfortunately - just as confusing. In this article, we’ll cover: What context and this mean in JavaScript; What explicit bindings and hard bindings are; What the new operator represents; How this is di

Every year new CSS properties are standardized and made available in major browsers for you to use. They are meant to make the life of web developers like you easier, and to allow the creation of new and beautiful designs. In this article, I'll cover 5 CSS properties that are relatively new, that you've probably never heard of before and that I find very interesting. The aim of this article is to

When I tell coworkers of my unabated love for CSS they look at me like I’ve made an unfortunate life decision. “Let’s sit down TJ, and talk about the poor choices you made during childhood that set you up for failure.” Sometimes I feel that developers, some of the most opinionated human beings on the planet, can only agree on one thing: that CSS is totally the worst. CSS is enough for me to think

Telerik UI for UWP is now open source. Learn what that means for you, for our customers and for the future of .NET development on Windows 10. We are happy to announce that Telerik UI for Universal Windows Platform by Progress is now free and open-source. Yes, you read that correctly! Telerik UI for UWP is now open sourced under the Apache Software License (ASLv2) and is available for download for

The Mono framework has its own trusted root certificates store. Currently (at mono version 4.2.4) this store remains empty after installing Mono on OS X. Fiddler uses the certificates in this store to validate the certificates of the websites visited. So you need to populate this store with a set of commonly trusted root authorities to avoid getting constant certificate warnings by Fiddler. The mo

Fiddler for Linux Beta is now available for download. Try out our free web debugging proxy on Linux today and let us know what you think. After introducing Fiddler for OS X a few months ago, we focused on delivering the same for Linux. We are strong believers in the benefits of running Fiddler on the same system that generates/accepts the traffic being watched. Now Fiddler for Linux Beta is availa

Last week the Safari team released a new Technology Preview, and the release contained a feature that caught my eye. OMG, THE NEW SAFARI TECH PREVIEW HAS FORM VALIDATION SUPPORT! https://t.co/kzQtIwK4b2 pic.twitter.com/lKZsz5ZT9G — TJ VanToll (@tjvantoll) December 7, 2016 I’m irrationally excited because this is more than just a mundane feature shipping in a random browser preview. Safari was the

In a way or another, pretty much everyone has used Bootstrap at least once. Millions of websites, prototypes, and themes for well-known CMSs (such as WordPress) are based on Bootstrap. The framework is simple to install, easy to use, and incredibly time-saving. It's built on high quality HTML, CSS, and JavaScript that allows you to create good-looking designs with a minimal effort. Thanks to CSS m

On the 21st of June 2016, HTML 5.1 has turned from being a Working Draft into a Candidate Recommendation. As you might know, this is the second step of the process that turns proposals into the standards that affect our lives daily when developing for the web. Because it has become a Candidate Recommendation, HTML 5.1 is a document that W3C believes has been widely reviewed and satisfies the Worki

It's been ten years since jQuery started rocking the web and it has stuck around for very good reasons. jQuery offers its users an easy-to-use interface to interact with the DOM, perform Ajax requests, create animations, and much more. In addition, unlike the DOM API, jQuery implements the composite pattern. Because of that, you can call jQuery methods on a jQuery collection regardless of the amou

Component architectures are an important part of ever modern front-end framework. In this article, I'm going to dissect Polymer, React, Riot.js, Vue.js, Aurelia and Angular 2 components. The goal is to make the commonalities between each solution obvious. Hopefully, this will convince you that learning one or the other isn't all that complex, given that everyone has somewhat settled on a component

Getting going with React can sometimes be overwhelming. Or, at least, this is what people are saying. The consensus seems to be that the difficulty in getting going is mostly due to the following realities or obstacles. The information available is not written for average developers. Massive updates to the JavaScript language in 2015, and the potential future updates being actively used today, hav

As a developer I approach new platform features with a healthy amount of skepticism. You don’t have to look too far into this blog’s archives to find me complaining about the Apple Watch, web components, and plenty of other trendy technologies. The latest of these trendy technologies seems to be progressive web apps, which the greater web community — most notably Google — has been pushing heavily

I agree with Kyle Simpson in welcoming our new transpiling overlords. "I for one welcome our new transpiling overlords. The web is not broken by ES6, it just got upgraded." - Kyle Simpson in a comment on The ES6 Conundrum In particular, I welcome the Babel overlord! I bow my knee to the great and powerful Babel. Of course, not everyone is ready to hail. I understand the hesitation. But let's see i

Developers love to hate on browsers. In recent memory that browser has always been Internet Explorer due to Microsoft's decision to slow down browser development after IE6. The ensuing developer backlash spawned countless comics, clever desktop backgrounds, and witty conference slides. But, as Microsoft has substantially ramped up their work on the web platform and Edge, it now feels unfair to mak

All of the recent debate invoking the death of the web reminds me of a classic scene from the movie Top Secret. Anyone whose been around web development for a while has seen the web declared dead numerous times. Wired alone famously declared it dead in 2010 and then, years afterwards, assured us in 2014 that it was very much, well, not dead. More recent headlines seem to indicate that if the web i