Exhaustive branch checks with TypeScript - Jack Franklin
March 4, 2024Exhaustive branch checks with TypeScriptIt's very common when working with TypeScript that you will have a type that declares a list of values, such as an enum or union type: enum SupportedColour1 { RED, YELLOW, BLUE, } type SupportedColour2 = 'RED' | 'YELLOW' | 'BLUE'And then you will often have functions that need to run differently or return different values based on what variant i
The perfect unit test - Jack Franklin
April 12, 2019The perfect unit testThere's a common theme I find with people who tell me that they don't find unit testing useful, and it's normally that they are writing bad tests. This is completely understandable, particularly if you're newer to unit testing. It's hard to write good tests and it takes practice to get there. All the things we're going to talk about today were learned the hard wa
Using React Fragments for the first time - Jack Franklin
December 18, 2017Using React Fragments for the first timeReact v16 was a very exciting release for React, and included many new features. In the recent React 16.2 release, improved support for Fragments was announced, and it's this feature that I want to talk about today. The problem that fragments solveUp until React 16 each component had to return a single element: // will error class Demo exten
Extracting Logic from React Components - Jack Franklin
July 17, 2017Extracting Logic from React ComponentsIn the previous screencast we took a React component that was doing too much and refactored it, splitting it into two components that are easier to maintain, use and test. Although I'd recommend watching that video first, you don't need to have watched it to read this blog post. You can find all the code on GitHub if you'd like to run it locally.
Context in ReactJS Applications - Jack Franklin
February 13, 2017Context in ReactJS ApplicationsThere is a lot of confusion amongst React developers on what context is, and why it exists. It's also a feature that's been hidden in the React documentation in the past and, although it is now documented on the React site I thought a post on its usage and when to use it would be of use. The short answer is that you should very rarely, if ever use co
Migrating to Webpack 2 - Jack Franklin
October 21, 2016Migrating to Webpack 2Webpack is on the verge of having its latest major version released, and it's expected to drop very soon. However, the main thing holding the release back is documentation, and the code is mostly written. I recently took the time to update our work project from Webpack 1 to 2, and thought I'd document the steps taken for anyone else who wants to make the move.
Better bundles with Rollup - Jack Franklin
February 5, 2016Better bundles with RollupRecently I've been hearing a lot about Rollup, a new JavaScript bundling tool that aims to produce smaller bundling sizes through tree shaking, which is the process of taking an application and figuring out which code is actually used. Sam Saccone's cost of transpiling ES2015 repository also peaked my interest by comparing bundle sizes of popular bundling
Elm for JavaScript Developers - Jack Franklin
November 23, 2015Elm for JavaScript DevelopersIf you follow me on GitHub or Twitter you'll have noticed that I've been doing a lot of work with Elm recently. Elm is a new language aimed at making it easier to build more robust, complex applications. It compiles to JavaScript but shares very little in common with the language, and its syntax will look familiar to anyone who's worked with Haskell. I
The Refactoring Tales - Jack Franklin
The refactoring tales was a collection of articles about refactoring JavaScript applications that I put together many years ago with the eventual aim being to put them together into a book. Unfortunately that plan never materialised and the content now is rather outdated and not something that I'm actively working on. I don't recommend it as learning material now simply as so much has changed in t
Slides from "An introduction to ES6" - Jack Franklin
October 7, 2014Slides from "An introduction to ES6"I had the pleasure last weekend of speaking at Epic FEL, a single day, single track conference in the heart of London, run by Made by Many. They did an absolutely fantastic job and if you are ever in London, I recommend their monthly Front End London meetup too. I spoke on introducing ES6, a topic that I've been writing and speaking about more and
An introduction to ES6 classes. - Jack Franklin
July 22, 2014An introduction to ES6 classes.SupportES6 support varies across environments and platforms, implementations get updated all the time and it's important to also note that the spec is in draft, so everything below has the potential to change. I recommend using The ES6 Compatability Table to see the current state of affairs. TraceurAll the code examples seen in this post were run through
Refactoring DOM Heavy JS - Jack Franklin
June 3, 2013Refactoring DOM Heavy JSOne of the things I've been getting more into recently is refactoring. It's something that is heavily talked about in the Ruby world, but seems to be a bit less so in the JS world. In this post what I've done is write some of my own (crappy) JavaScript for some simple JS tabs, using bad habits and code smells. I'll then look at how, if I was new to this code, I
Hosting a Node app on Heroku - Jack Franklin
October 7, 2012Hosting a Node app on HerokuNote: I apologise for the lack of updates on JS Playground recently, but happy to announce the site is now returning to at least one post per week. Any requests for content, please get in touch. Today I want to look at using the popular Heroku to host a simple Node app. I got asked recently if I had any suggestions on hosting a small Node app, and Heroku'
Blog - Jack Franklin
This blog post discusses my recent experiences as a Tech Lead and getting comfortable with admitting when I don't know something. After working with React for over five years, I was nervous about moving on and not having its power and features available to me. It's ended up being a pleasant experience.
Grunt, a JS Command Line Tool - Jack Franklin
April 19, 2012Grunt, a JS Command Line ToolGrunt describes itself as: Grunt is a task-based command line build tool for JavaScript projects. It was released very recently and is authored by Ben "Cowboy" Alman and lives on the Github Repository. In this tutorial I'm going to be going through the basics of Grunt, how to install & use it. I will only cover basic usage today, with a follow up post pla
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
