Why Every React Developer Should Learn Function Composition
Imagine you’re building a React application. There are a number of things you want to do on just about every page view of the application. Check and update user authentication statusCheck currently active features to decide which features to render (needed for continuous delivery)Log each page component mountRender a standard layout (navigation, sidebars, etc)Things like this are commonly called c
Vue 3 was a mistake that we should not repeat
More than 4 years have passed since the initial introduction of Vue 3. Many discussions over several RFCs and a lot of influence from other modern frameworks including React and Svelte have shaped Vue to become probably the most powerful and well-rounded framework out there, capable of progressively supporting applications of any scale and architecture. Sounds exciting, right? Well, the truth is f
Demystifying the Folder Structure of a React App
If you are reading this, you probably know what ReactJs is and might have already used it. However, you might be wondering why am I reading about folder structure? Can’t I just stuff all my files in the src folder. Well technically you could do that and React wouldn’t complain about it. But as your project becomes larger, it will become pretty impossible for you to maintain your files and keep you
Clarity on Flow’s Direction and Open Source Engagement
Summary: Flow prioritizes the Facebook codebase’s need for more type safety and fast performance on very large codebases. Flow’s over-arching philosophy is evolving beyond just “JavaScript with types” and we will add new language features including new syntax that goes beyond type annotations to address internal users’ evolving needs. We are also making changes to how we engage with open source. R
Building the Google Photos Web UI
A few years ago I had the privilege of being an engineer on the Google Photos team and part of the initial launch in 2015. A lot of people contributed to the product — designers, product managers, researchers, and countless engineers (across Android, iOS, Web, and the server) to name just some of the major roles. My responsibility was the web UI, and more specifically the photo grid. We wanted to
Dependency Confusion: How I Hacked Into Apple, Microsoft and Dozens of Other Companies
Ever since I started learning how to code, I have been fascinated by the level of trust we put in a simple command like this one: pip install package_nameSome programming languages, like Python, come with an easy, more or less official method of installing dependencies for your projects. These installers are usually tied to public code repositories where anyone can freely upload code packages for
Recoil Patterns: Hierarchic & Separation
This article will discuss practical patterns in Recoil. It’s an advance topic that goes beyond Recoil basics, so we won’t spend time describing Recoil or its fundamentals concepts. If you’re not familiar with Recoil I suggest starting with the following sources: * Official Recoil YouTube * Recoil documentation This article is brought to you by WeKnow and represents insights gained during architect
HP Thunderbolt 3 ドック 120W G2との格闘のメモ
いわゆるThunderbolt 3 ドックと言われる製品群は、Thunderbolt 3ポートを持つノートPCなどと一本の配線(ただし短い)を接続するだけで、4K液晶やSSDなどの高速ストレージ、ギガビットイーサネット、そしてUSB機器などを接続できるうえに給電・充電もできちゃうという、それだけ聞くととても素晴らしくて誰でも欲しくなるような類のものです。 しかしながら、このThunderbolt 3ドックというのは未だに相性問題も多く、あの機種では4K液晶が映るのに、こっちではダメとか、そもそも給電できてないんじゃない？みたいなことがあったりと、地雷原でもあります。 また、金額は普通のUSB Type-Cのドックが5000円ぐらいからあるのと比較して、Thunderbolt 3ドックだと3万円を超える価格帯なので、地雷はなるべく避けたい、そして安ければなおうれしいというた感じなわけです。
Ref objects inside useEffect Hooks
When making a custom hook that needs a reference to a DOM node, your first guess would be to use the new useRef hook. It was certainly mine. So naturally I went with that for my first implementation of Hooks in react-intersection-observer — But then an interesting issue came up, that I hadn’t considered. [Question] How would you handle conditional rendering with hooks? · Issue #162 ·… First, I'd l
Serverless NEG でシステム開発をより柔軟に
はじめに以前 Yuki Furuyama さんが「NEG とはなにか」という哲学的な(?)記事を書かれていましたが、このたび「Serverless NEG」(Serverless Network Endpoint Group)という新しいタイプの NEG が追加されました。(まずは Beta でのご提供です → EDIT(2020–10–14): 2020年10月14日に GA になりました。) これで NEG は Zonal NEG、Internet NEG、Serverless NEG の三種類になりました。 Furuyama さんの Zonal NEG に関する記事には「NEG は Kubernetes の Service に相当するもの、Network Endpoint は Pod に相当するものです」とありましたが、Serverless NEG では「Network Endpoi
Moving BBC Online to the cloud
This is the first in a series of posts about how BBC Online is changing, making use of the cloud and more. To stay informed, follow this ‘BBC Design + Engineering’ Medium space — the follow button is at the bottom of the page. Over the past few years, we in the BBC’s Design+Engineering team have completely rebuilt the BBC website. We’ve replaced a site hosted on our datacentres with a new one, des
The Missing Introduction to React
React is the world’s most popular JavaScript framework, but it’s not cool because it’s popular. It’s popular because it’s cool. Most React introductions jump right into showing you examples of how to use React, and skip the “why”. That’s cool. If you want to jump in and start playing with React right away, the official documentation has lots of resources to help you get started. This post is for p
10 TypeScript Pro tips/patterns with (or without) React
🎒 this article uses following library versions: { "@types/react": "16.4.16", "@types/react-dom": "16.0.9", "typescript": "3.1.3", "react": "16.5.2", "react-dom": "16.5.2" }🎮 source code can be found on my github profile TypeScript is definitely the best thing that happened to JavaScript. period. Unfortunately, I cannot say the same about “The best thing that happened to Java/C# devs writing Java
7 Practical Tips for Cheating at Design
Every web developer inevitably runs into situations where they need to make visual design decisions, whether they like it or not. Maybe the company you work for doesn’t have a full-time designer and you need to implement the UI for a new feature on your own. Or maybe you’re hacking on a side-project and you want it to look better than yet-another-Bootstrap-site. It’s easy to throw your hands up an
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
mp3をjsで再生制御する
Redis Sorted Sets Explained
Serverless Full-Text Search with AWS Lambda and EFS
E-Residency joins campaign against IBAN discrimination
A guide to create (offline) multi-tenant apps with Expo and AWS Amplify
Monorepo Amplify Project with Shared Backend