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 ..
Category : react.js
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 ..
Original link:React Project DetailsGITHUB：react-webpack-configContinuous update … React Project Guidance UsewebpackDependencies to install webpack,webpack-cli,react,react-dom babel-loader,@babel/core,@babel/preset-env,@babel/preset-react Set up.babelrc,{“presets”: [“@babel/preset-env”,”@babel/preset-react”]} Set upscripts： “dev”: “webpack –mode development”, “build”: “webpack –mode production” Set upwebpack-dev-server： devServer: { compress: true, port: 9000， hot: true }, “start”: “webpack-dev-server –config webpack.config.js” Set upperformance： performance: { hints: false } Component Basic components let title = ..
Original address:Build App using reactive Recently, due to the needs of the project, in-depth studyReactAndReact Native,ReactI have mastered it, and now concentrate onReactNativeThe development of the project. Here we need to record the technical details in the learning process. A good memory is not as good as a bad written one. It is always good ..
React Component Library at Mobile End The Form component was redesigned to make data verification easier.Welcome to put forward more optimization suggestions. If you are interested in participating in this project, please email to: saytxk@gmail.com (->.->) yes, I’m here to cheatStarDrops. Project address:https://github.com/rc-mobile/rcm-mobile Presentation page:https://rc-mobile.github.io/rcm-mobile/ direction for use 1. Create a project (template creation, no ..
Introduction to next.js Recently, I am learning React.js. React officials recommend using the next.js framework as a website for building server-side rendering, so let’s study the use of next.js today. Next.js, as a lightweight application framework, is mainly used to build static websites and back-end rendering websites. Frame features Use backend rendering Automatic code splitting ..
When we use react, we often need to re-render a component when it receives props updates. The common method is tocomponentWillReceivePropsUpdate the new props to the component’s state (this state is called a Derived State), thus realizing re-rendering. React 16.3 also introduces a new hook functiongetDerivedStateFromPropsTo specifically meet this need. But whether it is usedcomponentWillReceivePropsOr ..
brief introduction Definition A Data Query Language for API Calls Core idea The traditional api call usually obtains a complete object assembled by the back end, but the front end may only need to use some fields, and most of the data query and transmission work is wasted. GraphQL provides a brand-new data query method, ..
Webpack has been popular for a long time, but many students are still confused when using webpack. When they see so many documents, various configurations, various loader and plugin, they immediately become confused. I am no exception, so that I have known little about the webpack for a long time. However, in order to continue ..