React16.3.0 started with some changes in the life cycle. This article mainly introduces the life cycle after React16.3.0. Life cycle before React16.3.0: I believe everyone is already familiar with the life cycle of react components before version 16. Version 16 react has made some modifications to the life cycle function of the component, which will ..
Translation: Liu Xiaoxi Original link:https://dmitripavlutin.com/7- … The length of the original textVeryLong, but the content is too attractive to me, still can’t help but to translate it. This article is very helpful for writing reusable and maintainable React components. But because of the length is too long, I divided the article, this article focuses onEncapsulation. ..
Translation: Liu Xiaoxi Original link:https://dmitripavlutin.com/7- … The length of the original textVeryLong, but the content is too attractive to me, still can’t help but to translate it. This article is very helpful for writing reusable and maintainable React components. But because of the length is too long, I divided the article, this article focuses onCombination ..
Translation: Liu Xiaoxi Original link:https://dmitripavlutin.com/7- … This article focuses on testability and significance. Due to limited level, some translations in this article may not be accurate enough. If you have better ideas, please point them out in the comment area. AlthoughCombination、multiplexingAndPure componentThe reading volume of the three guidelines is not high, but based on the ..
What is react-redux react-reduxYesreduxOfficialReactBinding library. It helps us connect the UI layer and the data layer. The purpose of this article is not to introducereact-reduxThe use of, but to begin to realize a simplereact-reduxI hope it can help you. First of all, think about it, if you don’t use itreact-reduxOurreactHow to Combine in the ProjectreduxFor ..
RefsProvides a way to access DOM nodes orrenderThe React element created in the method. Refs usage scenario In some cases, we need to force the modification of a sub-component outside the typical data stream. The modified sub-component may be an instance of a React component or a DOM element, for example: Manage focus, text selection ..
1. Preface Recently, I was assigned to do an opening animation task. Although RN provides Animated self-defined animation, there are many elements in this animation and the interaction is very annoying. . . While completing the task, I found that many steps were actually repeated, so I packaged a small component to record it and ..
1. Preface Since I recently received a calendar requirement that needs to support dragging and selecting dates, the experience and effect are not bad, so today I want to share with you the process of packaging this calendar component. 2. Start of research As the saying goes, “sharpening knives and cutting firewood at the same ..
Original address: https://github.com/SmallStoneSK/Blog/issues/4 1. Preface Recently, I have been eyeing the animation effect in app store, which is quite fun. Hey hey ~ It’s on the weekend, so I’ll try it out when I get free. I don’t know if I try, but it’s actually quite simple when I finish it, so I’d like to ..
1. Preface Following the last timemake a casual demonstration of one’s capabilityHaving tasted the benefits of high-priced components, they are now in deep trouble. . . So what will it bring this time? Today, let’s look at what sparks [high-level components] and [New Context API] can spark! 2. New Context API The Context API actually ..
Original address 1. Introduction In daily development, transition animation during page switching is a relatively basic scene. In react project, we usually choosereact-routerTo manage routes, but react-router did not provide the corresponding transition animation function, but very stiffly directly replaced components. To some extent, the experience is not so friendly. In order to realize animation ..