はてなブックマーク

Do you have a React Native Expo App? Do you want to publish it to TestFlight for testing? Then this guide is for you. Note: This guide assumes you have an Apple Developer Account as well as installed the Expo CLI through NPM. You will need both for this to work. 1. Preparing Your Project For BuildA. App.jsonIn the root of your project folder, there should already be an app.json file. Note: The pri

Near the end of 2018, Amazon released support for WebSockets in API Gateway, and recently, the Serverless framework has followed suit. With WebSockets being directly supported by both of these tools, creating a real-time, bi-directional application is easier than ever before. As of the writing of this article, there are a few tutorials on using WebSockets with Serverless, but none that use Python

The MVVM of the Observable model gives Vue a natural advantage in small and medium-sized Web applications, but with the growing popularity of Vue, Vue’s use in large projects is slightly awkward. Obviously, in high complexity projects, type checking has become a required feature, and Vue2’s type checking support in TypeScript is not good enough, and importantly the modular design of Vuex’s state l

Patterns? Design? Are we still talking about software development?Definitely. As is the case with object-oriented programming, we, the developers, are trying to model the world surrounding us. As such, it makes sense to also try and use the world surrounding us as a tool to describe our craft. In this case, we take a page from architecture (the one with buildings and bridges) and the seminal archi

The picture of a male peafowl standing on the grass. The bird is fanning its tail, displaying all the feathers. The feathers are enormous and contain eyespots. According to Charles Darwin, the peafowl has developed this setup to attract females.An evolvable API is an API that can change with the least amount of effort without speculation or over-engineering. It’s a way to model the communication b

Photo by Joshua Earle on UnsplashSince writing this article i have also written a 2019 update! Going serverless is more lucrative than ever, but the caveats of serverless are always increasing. Avoiding cold starts is an important part of having a snappy user experience, choosing a language that helps you achieve this is important! Cold Start?A ‘cold’ start in the serverless world, is the first ti

With the recent 1.0 release of Rollup, code-splitting has become a first-class feature of the notorious JavaScript module bundler. Here I want to make the case for why this is a game-changer not only for the frontend but for libraries as well. In this article you will learn: How to bundle a library with Rollup (and why you would want this), including some best practices, but most importantlyHow Ro

Remove the pain from manually updating your details in each separate location. Simply change the data once in your… WebAssembly Makes Major Releases with the Core Specification Reaching 1.0WebAssembly is often regarded as the future of the web. It aims to maximize performance, reduce file size, and enable web development in multiple languages by offering a binary format that runs on the web. In la

Following up on my last article, I want to talk about Errors. Errors are good — I’m sure you’ve heard that before. At first sight we fear Errors, because they often include being hurt or feeling humiliated in public. By doing Errors, we actually learn how not to do something and how to do it better next time. This obviously is about learning from Errors (mistakes) in real life. Errors in programmi

create-react-app is a flexible tool that allows you to structure your project code anyway you like as long as the index.js file is available in the root of the /src directory. Small projects don’t need a sophisticated structure, and you can pretty much put all your components in the /src directory. However this won’t scale for larger projects. We’ll walk through ways to structure your code so that

You may have heard about the “Front-End Checklist” — a project that I launched in October 2017 on GitHub. It started out as a simple project to help my team in Mauritius but transformed into huge project with international support, receiving over 28,000 GitHub stars and translated into more than 10 different languages. Since then, I have been diving deeper into additional checklists that could hel

Kubernetes at its core is a resources management and orchestration tool. It is ok to focus day-1 operations to explore and play around with its cool features to deploy, monitor and control your pods. However, you need to think of day-2 operations as well. You need to focus on questions like: How am I going to scale pods and applications?How can I keep containers running in a healthy state and runn

Update. When writing this story, the support of TypeScript in Babel was not yet released. This has tremendously improved the integration of TypeScript in React projects. And Expo, a key element in the React Native ecosystem, has recently announced to move away from Flow to TypeScript (read announcement here). I now use the combination of ESlint for linting and TypeScript for type checking. The com

This blogpost was inspired by React Component Patterns post live Demo If you know me, you already know that I don’t write javascript without types, so yeah I’m really into Typescript, since version 0.9. Beside typed JS I really love React, and when React + Typescript are combined, I just feel like in heaven :D. Full type safety within whole app and VDOM templates it’s just marvelous and joy to wor

This week I finally finished a side project I have been working on over the past few months to learn React and Redux in TypeScript; it is a Password Manager type app which if you want to check out you can find over on GitHub. Whilst building the app I did come across a few head scratching moments at times trying to make React or Redux play nicely with TypeScript’s type system without simply resort

Learn any programming language or framework with our complete list of coding resources. We share, aggregate, and rank… React 16 and the MIT licenseReact continues to dominate the front-end landscape, and 2017 provided one of the most anticipated releases yet with version 16. It includes the fiber architecture which enables asynchronous UI rendering. This release also makes it much easier to manage

It’s been a while since I’ve been working with React — a Facebook library to build user interfaces using JavaScript — and there are a few concepts I wish I knew when I was just starting. This text is an attempt to summarize some patterns I learned during my experience so far — and also may be useful for developers who are just about to enter this awesome component-based world. Stateful x Stateless

Did you know that using key={} incorrectly in a list can increase DOM operations by over 10x? React is known to be blazingly fast with its Virtual DOM implementation. However, even with React’s built-in performance, there are instances when the UI can begin to feel sluggish. The primary culprit for poor performance is generating too many renders and reconciliations. We’ll cover 4 techniques to hel