Programmer Group

In order to be compatible with PC ie8, knockout.js is used in PC technology stack and react is used in touch screen. As a result, when we develop the business of the same module, we need to use two technology stacks to realize the same business logic. Such shortcomings are: increased workload, increased learning costs for new partners (need to ...

Code: https://github.com/MSChuan/Blog_Comment Demo: https://mschuan.github.io/Blog_Comment/dist_prod/index.html This article will implement a simple comment area, which can be divided into two types. For example, the parent comment called "test" and "sofa" are used here, and "your two goods" is a response to & ...

High-order components can encapsulate common logic, pass method attributes to current components, add lifecycle hooks, etc. Case: Some pages in a project need to judge their environment. If they are on the mobile side, they will display the page normally and prompt the user about the mobile side environment of the current page. If they are not ...

6. Event handling Using React elements to handle events is very similar to handling events on DOM elements. But there are some grammatical differences: React events are named using hump naming, not all lowercase names. Using JSX, you pass a function as an event handler, not a string. For example, HTML: <button onclick="act ...

Context Management Applications Using React makes it easy to track data streams through React components. When you see a component, you can see which props are being delivered, which makes it easy for your application to know what to do. In some cases, you want to pass data through the component tree rather than props manually through t ...

One of the advantages of ReactNative is that it can be hot updated. There are many application scenarios requiring hot update, such as: The audit time of major application markets is too long Some heavy business logic pages that often need to be updated A relatively large App, which may be responsible for each piece by a department, cannot be ...

There is a short white screen after the start of RN project. The white screen takes a long time during debugging phase, about 3-5 seconds. The white screen time will be greatly shortened after playing a formal package. Most of the time is flashing, so it is called "flash". In fact, there are many solutions, here is a simple summary ...

This is the second in a series of articles using React in conjunction with ECMAScript6. Below are links to all the articles in this series: React, ES6 - Introduction (Part I) React class, ES7 attribute initialization (Part II) React class, method binding (Part 3) Use of React Mixins in ES6 (Part IV) Use of JSPM in React and ES6 (Part 5) Use of ...

This is the last article in the React and ECMAScript 2015 series, and we will continue to explore the use of React and Webpack. Below are links to all the articles in this series: React, ES6 - Introduction (Part I) React class, ES7 attribute initialization (Part II) React class, method binding (Part 3) Use of React Mixins in ES6 (Part IV) Use ...

At present, the mainstream technology of front-end development has developed towards componentization. When learning a new framework, the most basic part must be to learn how to write its components. It's like learning a new programming language, always starting from hello world. And in React, what are the common ways to write components? Or ho ...