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