When writing this article, I repeatedly considered: "Is it just because my life is too complete that I need to constantly pursue new excitement and repeatedly remind myself to choose the steepest growth curve? If this is the case, will this article still be meaningful to most people?"
When we are young, we always have ideals and futures in mind, but in the blink of an eye, we are no longer young. Every time we stay up late, we will feel that our bodies are not as good as before, we will feel tired after working for several hours, and we will also be anxious about being replaced by younger people.
I am worried about what I will do when I get older.
Search Engine Optimization (SEO) refers to the technology of improving website rankings in various browser searches. It’s a complex discipline that blends technology, content, user experience, and marketing. The core of SEO is to understand how search engines work and understand what users will search for, and optimize the website accordingly to meet the needs of search engines and users.
Business
The author of the article shared his experience in overseas C-side development. Including participation in multiple projects, discussing core product issues such as domestic and foreign market selection, strong cash flow or financing, core competitiveness, etc. Data-related content is also introduced, such as data collection platforms, registration rates, prepaid rates and other indicators, as well as front-end and back-end technical aspects. Finally, he said that this is his own growth record.
React Native
This article is a series of practical content about React-native, including the encapsulation of form components (such as input, select, Toggling, DateTimePicker, etc.) and the implementation of lazy loading lists. The lazy loading list implements functions by defining data sources, drawing component diagrams, using relevant APIs, and handles logic such as search sorting.
React Native
Before flexbox was introduced into CSS, the various CSS properties used to build layouts were rough and error-prone. Flexbox solves the problem by abstracting many properties. As its name suggests, flexbox means a flexible box model. Let's draw a picture: assuming you have a container and its child elements, it could look like this.
React Native
This article mainly discusses React-native scaffolding, and introduces the characteristics of two mainstream scaffolds, React Native CLI and Expo Cli, including advantages, disadvantages, components, etc. It also explains in detail through actual combat the project running, using external dependency packages, configuring navigation (such as passing parameters, configuring navigation header, etc.) and the use of tabbar and drawer. at last…
React Native
The article mainly introduces the new architecture of React-native, including the way to smooth out the style differences between ios and Android, the problems existing in the old architecture, and the many changes brought about by the JSI middle layer in the new architecture, such as no longer relying heavily on the JavaScriptCore engine and the ability to directly call native methods in the js layer. It also explains the rendering phase of RN, basic libraries such as React Navigation, etc., as well as exception capture, package updates, etc.
React Native
The article mainly introduces React-native, including its background, definition, operating mechanism, advantages, philosophy, and considerations in product and app selection. It is described that it was created by Facebook and is a cross-end framework based on JavaScript. There are two threads communicating through the bridge. It has the advantages of meeting needs and low learning costs. It handles the native overlap and is not completely cross-platform. It also discusses the related issues of product selection platform.
Timeline
Shushu, I, as a sewer front-end engineer, seem to know nothing except crud. It seems that I have not become better in the past year, and I am still the same sewer Shushu.
I saw that the students in the group were going to rewrite papers this year, and I thought that I had not learned anything, read any code, or even turned on my computer during the past few days on New Year's Day. Thinking about this, I felt really sad. I couldn't help but think of the line in Black Clover: What is shameful is not being a weak person, but being willing to be a weak person. Shushu, I still have this inner energy, and I also want to get out of the sewers, and I also want to go beyond the limit.
Timeline
This year is already my second year in the front-end industry. Time flies so fast. Looking back at the past two years feels like a dream. This year feels like a leap forward in my vision and technology.
React Source Code
The introduction of React Hooks has completely changed the way React components are written, enabling functional components to manage state and side effects. This article will delve into the internal implementation of React Hooks, especially the commonly used Hooks useEffect, useRef, useMemo and useCallback.
React Source Code
In the previous article, we discussed the building and updating process of functional components. This article will delve into how React hooks work.
React Source Code
In the previous process, we have already understood Fiber, which can help us understand optimization-level scheduling mechanisms and other optimization application performance. Then we will further deepen the optimization of React through Hooks and functional components.
React Source Code
In the previous article, we discussed the overall structure and linked list of Fiber in detail. This article will delve into the creation process of Fiber objects, initial submission, and Fiber tree update mechanism.
React Source Code
React Fiber is the core architecture of React, which organizes and manages component trees based on a linked list structure. This article will start from the basics of linked lists and gradually explore in depth Fiber nodes, Fiber trees and double buffering mechanisms, as well as the relationship between them.
React Source Code
In the React Fiber architecture, the task queue is the core component that implements interruptible rendering and priority scheduling. This article mainly talks about Fiber's task queue, interruptible rendering, scheduling, and synchronization mode.