How we achieved the best Web Performance with Partial Hydration
At Spring, we are responsible for maintaining various different news media websites for our parent company, Axel Springer. One of our latest releases, welt.de, is the fastest news media website in Germany; one of our most sought after goals is to continually achieve the best performance possible and the reason for this is simple: better performance usually means a better user experience and thus a
React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React
Extend your desktop experience to more than just Windows! Try out our fully supported macOS extension to React Native. React Native for Windows + macOS brings React Native support for the Windows SDK as well as the macOS 10.14 SDK. With this, you can use JavaScript to build native Windows apps for all devices supported by Windows 10 and higher including PCs, tablets, 2-in-1s, Xbox, Mixed reality d
React TypeScript Cheatsheets | React TypeScript Cheatsheets
React TypeScript CheatsheetsCheatsheets for experienced React developers getting started with TypeScript
Performance Optimization in React Context
A lot of people use React context as some kinds of build-in redux. Jack is one of them. Jack combined all global state to get a big object to get a ‘single source of data’ and put it into a provider. Then he went to a child component, call useContext and pick properties from the context. Everything seems worked fine until one day he found the app is too slow to use. A Bad Example Consider the foll
Stop using isLoading booleans
Stop using isLoading booleansMarch 2nd, 2020 — 9 min read Let's play around with the Geolocation API a bit and learn about the perils of isLoading booleans (and similar booleans like: isRejected, isIdle, or isResolved) while we're at it. I'll be using React to demonstrate this, but the concepts apply generally to any framework or language. function geoPositionReducer(state, action) { switch (actio
Thinking in React Hooks - Amelia Wattenberger
React introduced hooks one year ago, and they've been a game-changer for a lot of developers. There are tons of how-to introduction resources out there, but I want to talk about the fundamental mindset change when switching from React class components to function components + hooks. Class componentFunction component
How I developed a Concurrent Mode friendly library for React Redux
How I developed a Concurrent Mode friendly library for React Redux Introduction I have been developing several React hooks libraries for months. In this post, I will explain why and how I developed a React Redux binding library with React hooks. The library is implemented to be concurrent mode friendly. Let’s discuss why it’s important and what’s the technique behind it. React concurrent mode has
Logic-less JSX | V1V2
Example situationHere is a design and its markup: <ul> <li><a href="url/animal/1">Dog</a> - 4 legs - Friendly</li> <li><a href="url/animal/2">Bird</a> - 2 legs</li> <li><a href="url/animal/3">Snake</a> - 0 legs - Unfriendly</li> <li><a href="url/animal/4">Centipede</a> - ? legs - Not enough data!</li> </ul> const data = [ { id: 1, name: 'Dog', legCount: 4, isFriendly: true }, { id: 2, name: 'Bird'
Formik
Build forms in React, without the tearsFormik is the world's most popular open source form library for React and React Native. DeclarativeFormik takes care of the repetitive and annoying stuff—keeping track of values/errors/visited fields, orchestrating validation, and handling submission—so you don't have to. This means you spend less time wiring up state and change handlers and more time focusin
Making Sense of React Hooks
(This article is also available on the DEV community without the paywall.) This week, Sophie Alpert and I presented the “Hooks” proposal at React Conf, followed by a deep dive from Ryan Florence: I strongly recommend to watch this opening keynote to see the problems we’re trying to solve with the Hooks proposal. However, even an hour is a big time investment, so I decided to share a few thoughts o
React hooks: not magic, just arrays – Rudi Yardley – Medium
I am a huge fan of the new hooks API. However, it has some odd constraints about how you need to use it. Here I present a model for how to think about using the new API for those that are struggling to understand the reasons for those rules. Unpacking how hooks workI have heard some people struggling with the ‘magic’ around the new hooks API draft proposal so I thought I would attempt to unpack ho
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hooks.guide
React's useEffect and useRef Explained for Mortals
Avoiding useEffect race conditions with a custom hook
rbx
https://react-elemental-docs.static.kevinlin.info/
FBT · An internationalization framework
React Styleguidist: Isolated React component development environment with a living style guide | React Styleguidist
PrimeReact | React UI Component Library
Why Do React Hooks Rely on Call Order?