React - 随笔分类(第10页) - Zhentiw

[React] Use the React Effect Hook in Function Components

摘要：Similar to the State Hook, the Effect Hook is “first-class” in React and handy for performing side effects in function components. The Effect Hook is 阅读全文

posted @ 2019-10-31 20:51 Zhentiw 阅读(422) 评论(0) 推荐(0)

[React] Add client-side validation to your React forms with Yup

只有注册用户登录后才能阅读该文。

posted @ 2019-09-13 02:42 Zhentiw 阅读(2) 评论(0) 推荐(0)

[React + GraphQL] Use useLazyQuery to manually execute a query with Apollo React Hooks

摘要：When using useQuery from Apollo React Hooks, the request will be sent automatically after the component has been mounted. This might not be the desire 阅读全文

posted @ 2019-08-29 19:25 Zhentiw 阅读(1519) 评论(0) 推荐(0)

[GraphQL] Automatically poll data from GraphQL API with Apollo Client useQuery hook

只有注册用户登录后才能阅读该文。

posted @ 2019-08-15 03:23 Zhentiw 阅读(3) 评论(0) 推荐(0)

[GraphQL] Fetch data with Apollo GraphQL useQuery hook

只有注册用户登录后才能阅读该文。

posted @ 2019-08-15 03:17 Zhentiw 阅读(2) 评论(0) 推荐(0)

[React] Pass Data Between React Components with the useContext Hook

只有注册用户登录后才能阅读该文。

posted @ 2019-08-15 00:48 Zhentiw 阅读(1) 评论(0) 推荐(0)

[React] Create a Query Parameter Modal Route with React Router

摘要：Routes are some times better served as a modal. If you have a modal (like a login modal) that needs to be routeable and appear on all pages you may ne 阅读全文

posted @ 2019-08-04 20:49 Zhentiw 阅读(413) 评论(0) 推荐(0)

[React] Create a Persistent Reference to a Value Using React useRef Hook

摘要：The useRef is a hook for creating values that persist across renders. In this lesson we'll learn how to use the useRef hook to measure the width of an 阅读全文

posted @ 2019-05-21 13:52 Zhentiw 阅读(254) 评论(0) 推荐(0)

[React] Reduce Code Redundancy with Custom React Hooks

摘要：In this lesson, we'll cover how to create a custom React hook for managing the state of any input. This is one of the most powerful features of react 阅读全文

posted @ 2019-05-21 13:43 Zhentiw 阅读(308) 评论(0) 推荐(0)

[React] Always useMemo your context value

摘要：Have a similar post about Reac.memo. This blog is the take away from this post. To understand why to use 'React.useMemo' or 'React.memo' (basiclly las 阅读全文

posted @ 2019-05-07 23:49 Zhentiw 阅读(369) 评论(0) 推荐(0)

[Functional Programming + React] Provide a reasonable default value for mapStateToProps in case initial state is undefined

摘要：For example we have a component, it needs to call 'react-redux' connect function. For the hightlighted part, there can be many possible reason for it 阅读全文

posted @ 2019-04-17 23:53 Zhentiw 阅读(386) 评论(0) 推荐(0)

[Functional Programming] Write a custom validator with Pred ADT

只有注册用户登录后才能阅读该文。

posted @ 2019-04-16 02:40 Zhentiw 阅读(1) 评论(0) 推荐(0)

[Jest] Set up Testing Globals in an Application with Jest

摘要：For some React component testing, we have common setup in each test file: We want to setup a common place for JEST to load those scripts: Then for com 阅读全文

posted @ 2019-04-15 14:54 Zhentiw 阅读(177) 评论(0) 推荐(0)

[Functional Programming + React] Create a safeDispatch function by using Maybe, safe, safeAfter and applyTo

只有注册用户登录后才能阅读该文。

posted @ 2019-04-14 03:45 Zhentiw 阅读(3) 评论(0) 推荐(0)

[Functional Programming + React] Pair ADT with merge function to build React Component

只有注册用户登录后才能阅读该文。

posted @ 2019-04-12 03:14 Zhentiw 阅读(3) 评论(0) 推荐(0)

[React] Validate React Forms with Formik and Yup

摘要：Validating forms in React can take several lines of code to build. However, Formik's ErrorMessage component and Yup simplify that process. 阅读全文

posted @ 2019-04-02 18:08 Zhentiw 阅读(407) 评论(0) 推荐(0)

[React] Write a stateful Component with the React useState Hook and TypeScript

摘要：Here we refactor a React TypeScript class component to a function component with a useState hook and discuss how props and state types can be modeled 阅读全文

posted @ 2019-03-27 21:00 Zhentiw 阅读(420) 评论(0) 推荐(0)

[React] Use React.ReactNode for the children prop in React TypeScript components and Render Props

摘要：Because @types/react has to expose all its internal types, there can be a lot of confusion over how to type specific patterns, particularly around hig 阅读全文

posted @ 2019-03-27 20:45 Zhentiw 阅读(1034) 评论(0) 推荐(0)

[React] Asynchronously Load webpack Bundles through Code-splitting and React Suspense

摘要：One approach to building high performance applications with webpack is to take advantage of code-splitting to only load the needed JavaScript on initi 阅读全文

posted @ 2019-03-20 16:20 Zhentiw 阅读(291) 评论(0) 推荐(0)

[React GraphQL] Pass Parameters to urql's useQuery React Hook

摘要：Showing how to use 'uqrl' library to do GraphQL in React. 阅读全文

posted @ 2019-03-08 14:36 Zhentiw 阅读(369) 评论(0) 推荐(0)

Answer1215

随笔分类 - React

公告