react spreadsheet

React native development, in order to encapsulate often need to customize the component, so that the parent and child components will appear, then how to communicate with each other between the parent and child components, that is, how to push and pop in their respective interface.Parent component passed to child component:Parent component:In the main component, the value or navigator can be passed directly to the subassembly by writing the properties

React-redux principle analysis written in frontPreviously wrote an analysis of the Redux in the store implementation of the article (see: Redux Principle (a): Store implementation analysis), suddenly realized, in fact, react and Redux have no direct contact. Redux, as a generic module, is primarily used to handle changes to the state in the application, and the presentation layer is not necessarily react.Bu

I have been pondering react-native for some time. For me, it's really a boon for front-end developers, because I can use it to write code for the app, and it's basically a set of code that can be used by multiple platforms.Long wanted to write an essay to record the react native learning process, but recently in navigator (navigation, can be understood as ' Page ' Jump ' here met a more difficult problem, s

background Recently, a project using react was used in ArcGIS, which was very different from the previous usage, and after our research, it was found to be rare and quite fragmented, mainly on GitHub and ArcGIS for developer. This is also a step on a relatively deep pit, summed up here, I hope to help everyone. Fundamentals The API to use ArcGIS in react may be more complicated than you might think, becaus

The update of the React-native library is very frequent. So the first thing we need to know is what version of the react-native is currently in use. How to get the current version number. There are two ways of doing this: 1. Open the Package.json file by entering the project's root directory You can see the version number of the react-native currently in u

Second, JSX Chapter II Source code DEMO1-7React uses native JavaScript version react uses JSX statement react to automatically identify {}, when JavaScript handles react child nodes This.props.children jsx embedded in JavaScript, such as: condition Judgment, Use variables, use functions, use logic with (), use logic, or (| |)

Going deep into the React technology stack and choosing React is a simple and easy way to use. It makes progress in the active ecosystem of the team and the endless stream of outstanding solutions. We have been insisting on exploring and learning on this road. I have been writing a column for nearly a year. I have accumulated 24 articles and shared them. Thank you very much for your support. At this time,

This article mainly introduces the principle of the React framework of JavaScript, including its comparison with AngularJS. If you need a friend, please refer to the following: if you asked me about React two months ago, I may say this: Where is my template? What are the crazy things about HTML in javascript? JSX is very strange! Fire on it. Let's get rid of it! That's because I didn't understand it. I

The recent period has been a very exciting time for front-end engineers, as the three web frameworks are releasing new versions, giving us a glimpse of a more powerful web framework. Ember2.0 was released 2 months ago, and upgrading from 1.0 to 2.0 is very simple. A few weeks ago, react released version 0.14. There are also many popular front-end frameworks, like backbone, knockout and Aurelia. If you want to develop a web app, it is recommended to us

The most recent front-end UI framework is react. Hurry up and find out the time.Project Address: http://facebook.github.io/react/Official introduction: A JavaScript library for building user interfaces (JS framework for front-end UI)has three features:Just the UILots of people use React as the V in MVC. Since React mak

"Editor's note" the author is the 14islands co-founder and creative Web developer David Lindkvist, who focuses on all aspects of hybrid application building. The article is a domestic ITOM management platform OneAPM compiled rendering.Recently, we were fortunate to work with Fjord to create a HMTL5 hybrid application for its users from scratch.Hybrid mobile apps (Hybrid apps) can build applications with a variety of web technologies and package them as native apps (Native apps) to suit a variety

Manual integration React Native first step: Initialize react native environmentIn the project we are integrating, go to the parent directory of the *.xcodeproj file, run react Native initialize command react-native init [Project Name]Prompt will appear, enter Yes, which will generate a project with the same name in the

First, before you learn this framework, you need to know something about the following: 1. Native JS base 2.CSS Foundation 3.NPM Package Management Basics 4.webpack Build Project Foundation 5.ES6 specification The above five knowledge points are also the predecessors that are required to learn about other front-end frameworks. JS and CSS is not much to say, NPM is currently the most advocated and dominant package management tools, but also with Bower or other tools of the children's shoes

My own understanding redux is similar to the Vuex in Vue, is a data manager, say, we start from the classic counter case to explain Implementing counters using Redux Create the following react project, I used to put each module block, only so many files, of course you can also write in a JS file, this is not the focus First, let's look at the entry file for the project Index.js Import ' Core-js/fn/object/assign '; import

IntroductionThe current react front-end frame is the hottest this year. React native, based on react, also developed rapidly. React has its unique component function and jsx new syntax to help the front-end design with better design and convenience, and react native is to ex

1. PrefaceReact native gave us the ability to develop native apps using JavaScript, and after using react native to complete interest tribe Android, we began to continuously optimize the interface implemented by react native. The goal is only one, while enjoying the new features brought by react native, the experience of the infinite approximation of the native i

Life is not right and wrong, only after the choice of persistence, do not regret, go down, is right. React Native Project Directory Resolution In the previous section we simply built a new react native project Awsoneproject, and we ran it directly on the emulator without any action. Here we take a detailed look at, React native to us to gener

An introductory tutorial on Typescript+react development based on Nodejs ecological circle Overview This tutorial is intended to provide introductory explanations for front-end program development based on the Nodejs NPM ecosystem. What is Nodejs? Nodejs is a high-performance JavaScript scripting environment, built on the chrome V8 scripting engine. It is equivalent to extracting the functionality of JavaScript scripts in t

Detailed description of the server rendering Transformation (koa2 + webpack3.11) and koa2webpack3.11 of the React Project Because of the need for Web SEO, we need to transform the previous React project into server rendering. After some investigation and research, we have consulted a lot of Internet information. Step into the trap. Selection idea: Implement server rendering. If you want to use the latest

Webpack4. X React-routerEnvironmental preparedness: Windows7, Webstorm 2017.1.4, Nodejs 8.7.0, NPM 5.4.2PS: When installing, we all bring the version, so even if the webpack version changes, there will be no version issue.Initializing the Package.json fileNPM InitNPM installs react, react-dom packagesOrNPM i-s [email protected] [email protected]NPM installs Webpa