Programmer Think

Preface         Micro Front-end: Theory Paper        Micro Front End - portal Project        Micro Front End - menu & Project 1 (React)The previous article explained the application of react project in single-spa micro-front-end architecture. This article is the last one, the application of vue project in this architecture. Project2 project ...

1. Redux Global Perception Redux is a JavaScript state management container that provides a state management container for predictable states.From Flux, Facebook launched the Redux Library in 2015. Chinese website: http://www.redux.org.cn/ Official git: https://github.com/reduxjs/redux   First, you'll reference the redux.js package, which ...

Preface:Since childContext will be discarded in React17, we will not analyze it, mainly the explanation of the new API, createContext(). 1. React.createContext() Effect:Convenient transfer of values between ancestor components and descendant components (separated by many layers of components) Use:context.js: import React from 'react'; const ...

What is Redux Many people think that Redux must be used in conjunction with React. In fact, it is not. Redux is a JavaScript state container. As long as you use state in your project and the state is very complex, you can use Redux to manage your project state. It can be used in react or in Vue, of course. Other frameworks apply. I. The Workin ...

Recently, many netizens have asked RN how to integrate Baidu Map. I used react-native-baidu-map in both previous projects. I feel that the steps are slightly complicated. If there is a slight omission in one step, it is easy to make a mistake. Next, I will build a new project from scratch and record the process of my installation step by step. ...

Preface Some people asked me how to learn a technology and master it most quickly. My answer is to write a blog or explain it to others. There is one thing in common between these two ways, that is, they all need special research. When we go to study by ourselves, we tend to have a kind of muddle-through mentality, such as: "Forget it, do ...

Structure: Layer 1 - CommentBox Layer 2 - CommentList Layer 3 - Comment Layer 2 - CommentForm   1. JSX grammar: var CommentBox = React.createClass({ render: function() { return ( <div className="commentBox"> CommentBox </div> ); } }); ReactDOM.render( <CommentBox />, document.getElementById('commentBox ...

The best solution is to generate templates directly through JavaScript and then build user interfaces. To make it simpler, there is a very simple and optional HTML-like syntax that generates templates through function calls, called JSX. 1. Why use JSX? You don't need to use JSX for React, you can use JavaScript directly, but JSX is recommend ...

1. Introduction to ScrollView (official explanation): ScrollView is a general scrollable container in which you can put multiple components and views, and these components do not need to be of the same type. ScrollView can not only scroll vertically (default), but also horizontally (set by the horizontal attribute). 2. ScrollView common attr ...

Basic Analysis of Reaction Official Web Course First issue: Basic Analysis of Github Reaction Official Course Open Reaction English official website, are you still because your English is not good, using translation software to see confusion. Don't worry, I combined the latest react official website tutorial, after a detailed study, based on my ...