How to Make Page Interaction Smoother

Fluency This article is based on the replica of "Make Your Website Smoother by Liu Bowen" on FDCon 2019. This topic is also an area of interest to bloggers, and will be further integrated with React's Schedule. Personal blog Passive interaction: animation Active Interaction: Mouse, Keyboard Passive interaction At present, the frequ ...

Posted by mustatin on Sat, 25 May 2019 15:43:19 -0700

ReactNative Project Practice (2) ListView uses network requests and drop-down refreshes (Entry Control Encapsulation)

ListView uses network requests and drop-down refreshes The final result listview and Hottest Page Content Switching Now write the content of the page. Knowledge points: Use of listivew Acquisition of Network Data Component Encapsulation of Page Content Use Listtview to see official documents http://reactnative.cn/docs/0.48/listvie ...

Posted by aff on Fri, 24 May 2019 16:02:01 -0700

About React Server-side Rendering (SSR)

Recently, I often hear other front-end teams that specialize in Vue project mention SSR. They don't know what it is. They just think it's something they do inside. Although they are curious about it, they don't care much about it. Later, when they wander around a technology forum, they suddenly see the term. After clicking in, they know what S ...

Posted by pbdude23 on Fri, 24 May 2019 11:19:29 -0700

Translation | Thingking in Redux (if you only know MVC)

Author: Coco (Hujiang Front-end Development Engineer) This article is original and reproduced. Please indicate the author and source. Original address: https://hackernoon.com/thinking-in-redux-when-all-youve-known-is-mvc-c78a74d35133#.u2jqlinjn When we were planning to launch our own mobile applications in Spill, the first decision we needed ...

Posted by ironmonk3y on Thu, 23 May 2019 13:21:33 -0700

Using SVG in React and Vue Projects

In some modern flattened design websites, especially mobile websites, there are often many simple and clear icons, such as website icons, user's default avatars, fixed handover bar at the bottom of mobile homepage, etc. These icons are usually done by artists, and may be put on the wizard map, and then cut and display at the front end. In f ...

Posted by iandotcom on Wed, 22 May 2019 12:02:56 -0700

Web Migrates Projects Quickly to React

Recently, in learning the front-end knowledge, I have skimmed through the documents of webpack and gulp. Although I have used Vue before, as far as the community is concerned, the current mainstream is React, so I also have to study vulgarly to lay a good foundation for the future construction of React Native's hybird architecture. Speakin ...

Posted by xsgatour on Mon, 20 May 2019 13:07:24 -0700

React and React-Native use the same meteor background

meteor Can quickly build pc, mobile, desktop applications. The biggest advantage is that when the data of the database changes, it can be pushed to the front end in real time, which is very suitable for the application development of real-time display. In react,react-native applications, only the same meteor background can be used to push data ...

Posted by djKale on Fri, 17 May 2019 22:57:19 -0700

My react learning

Basic Section Create a react project Create a react project Global installation react directive // Install react globally (not required if required) npm i -g react // Or yarn-global react // Scaffold for global react installation (Scaffold must be installed to create react applications) npm i -g create-react-app // Or yarn-gl ...

Posted by dmschenk on Fri, 17 May 2019 17:17:07 -0700

React (17) Asynchronous Component

26. Asynchronous components When using asynchronous components in React, the core knowledge is two: How webpack loads other modules asynchronously: through require(['xxx'], function(module) {}); How to use the module loaded asynchronously in React: Refer to the normal way of using the module; [Asynchronous loading] For asynchronous load ...

Posted by qadeer_ahmad on Fri, 17 May 2019 13:48:11 -0700

Property confirmation by prop-types of React Native

React Native has been upgraded to 0.51.0, and the version has been upgraded very quickly, but there are also some problems with old projects, the common problem is that attributes can not be found. For example: The main reason is that with the upgrade of React Native, the system has discarded a lot of things. In the past, we can use React.Pro ...

Posted by akufen on Thu, 16 May 2019 10:55:49 -0700