Category : react.js

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 ..

Read more

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 ..

Read more

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 = ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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 ..

Read more

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, ..

Read more

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 ..

Read more