React State Management Libraries and How to Choose
The idea of state is one of the trickier things to nail down when you’re starting with React, and as your app grows, so do your state management needs. In this post I’ll give you the Grand Tour of state management options in React and help you decide which one to use in your project. What is State? Just so we’re on the same page, let’s talk about state for a second. Every interactive app involves
When to useLayoutEffect Instead of useEffect (example)
There are two React hooks, useEffect and useLayoutEffect, that appear to work pretty much the same. The way you call them even looks the same. useEffect(() => { // do side effects return () => /* cleanup */ }, [dependency, array]); useLayoutEffect(() => { // do side effects return () => /* cleanup */ }, [dependency, array]); But they’re not quite the same. Read on for what makes them different and
Introduction to Svelte
A few months ago, Svelte 3 was released. I tried it out, ran through their tutorial, and built a few small things. And I can honestly say that I think writing Svelte feels even faster and easier than React. Svelte gave me the same spark, the same feeling of “wow!” that I had with React. In this post I want to tell you a bit about Svelte, show you how it works with a few live example apps, and poin
A Complete React Redux Tutorial for Beginners (2019)
Trying to understand Redux, it’s really confusing how it all works. Especially as a beginner. So much terminology! Actions, reducers, action creators, middleware, pure functions, immutability, thunks… How does it all fit together with React to make a working app? You can spend hours reading blogs and trying to sift through complex “real world” apps trying to piece it together. In this Redux tutori
Redux vs. The React Context API
React 16.3 added a new Context API – new in the sense that the old context API was a behind-the-scenes feature that most people either didn’t know about, or avoided using because the docs said to avoid using it. Now, though, the Context API is a first-class citizen in React, open to all (not that it wasn’t before, but it’s, like, official now). As soon as React 16.3 came out there were articles al
Learn to think in React | Pure React
Learn to think in ReactYou don't know React.But not for lack of trying! Tutorials, books, courses, podcasts, blog posts… you've done 'em all, or you've tried to. You've followed along, and sure, it made at least some kind of sense while you were assiduously reproducing each step, but just when you reach the end, everything you supposedly learned just… slips… from your mind into a vast, grey nothin
How Redux Works: A Counter-Example
After learning a bit about React and getting into Redux, it’s really confusing how it all works. Actions, reducers, action creators, middleware, pure functions, immutability… Most of these terms seem totally foreign. So in this post we’re going to demystify how Redux works with a backwards approach and a very simple React + Redux example that I think will help your understanding. As in the what do
Watch Out for Undefined State
Is your React component not rendering? Quick quiz: When a React component loads data from the server in componentWillMount like this one below, what will it render? Original photo by Jay Galvin class Quiz extends Component { componentWillMount() { axios.get('/thedata').then(res => { this.setState({items: res.data}); }); } render() { return ( <ul> {this.state.items.map(item => <li key={item.id}>{it
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
