⚡ vue3 family bucket experience

Front From the creation of a simple browser navigation Home Page Project, this essay contains the following content: vite vue3 vuex4 vue-router next Preview effect It helps to clarify these contents, which are limited to space and not easy to narrate. Because the logic of the project is simple, and only a few APIs are used, I just wr ...

Posted on Sat, 27 Jun 2020 01:09:10 -0400 by ravensshade

Interaction between React Native and iOS OC

Pre preparation First of all, it's better to know a little about oc grammar, otherwise many of them can't be understood Create declaration file nativeModule.h #import <Foundation/Foundation.h> #import <React/RCTBridgeModule.h> @interface nativeModule : NSObject <RCTBridgeModule> @end Create the file nativeModule.m #impor ...

Posted on Tue, 23 Jun 2020 05:44:25 -0400 by scotch33

Server side rendering Next project summary

preface Github address Welcome to check and learn together, progress together, another star refill~ In this paper, I refer to Mr. jokcy's React16.8+Next.js+Koa2 development of Github full stack project , record for later learning. 🙂 introduce Next.js It is a lightweight rendering application fram ...

Posted on Mon, 22 Jun 2020 23:32:00 -0400 by p2003morris

Intensive reading of react intersection observer source code

1 Introduction IntersectionObserver It's easy to judge whether the element is visible or not. Before Intensive reading "rendering on demand with React" The method of native API is introduced in. This time I just saw its React package version react-intersection-observer , let's take a look at React packaging ideas. 2 Introduction react ...

Posted on Mon, 22 Jun 2020 01:00:23 -0400 by Horizon88

Conditional compilation of E chat SDK under TypeScript (using JS conditional compile loader plug-in)

Conditional compilation: the process of using the same set of code and the same compilation and build process to selectively compile the specified code according to the set conditions, so as to output different programs 1. Background: E-chat SDK needs a set of client core code developed by TypeScript to realize cross platform support (such as w ...

Posted on Sun, 14 Jun 2020 01:28:10 -0400 by JJBlaha

Vue toy: 200 lines of code to simulate the implementation of Vue

vue-toy About 200 lines of code simulate the implementation of vue. The view rendering part uses React instead of Snabbdom. Welcome to Star.Project address: https://github.com/bplok20010/vue-toy codesandbox example Implemented parameters: interface Options { el: HTMLElement | string; propsData?: Record<string, any>; props?: st ...

Posted on Sun, 14 Jun 2020 00:12:38 -0400 by paul_so40

Getting started with Babel

Babel downloads JavaScript code written in the latest standards into versions that are available everywhere today.This process is called translation. For example, Babel can incorporate the new ES2015 arrow function syntax: const square = n => n * n; Translate to: const square = function square(n) { return n * n; }; Babel does more than tha ...

Posted on Sat, 13 Jun 2020 12:16:08 -0400 by rtconner

KE's undefined instruction problem record

Article catalog Analysis of undefined instruction in KE problem 1. What is the defined instruction 1.1 classification 1.2 principle description of instruction 2. What are the possibilities from process analysis 3. Analysis methods and tools 3.1 case analysis (atypical) 3.1.1 questions 3.1.2 log ...

Posted on Thu, 04 Jun 2020 13:01:37 -0400 by Alelinux

Getting started with react - creating components (1)

The React component is also an Element, but it is only a larger granularity and contains more child elements. Through the React component, some related elements are organized to form a reusable combination of elements with multiple members. give an example <!DOCTYPE html> <html> <head> <m ...

Posted on Sun, 31 May 2020 00:48:26 -0400 by Karpathos

react-native-easy-app details and uses fetch

react-native-easy-app Is a pure JS library that provides basic services for React Native App rapid development (supports IOS & Android), especially at the beginning of a project from 0 to 1, which can reduce the workload of developers by at least 30%. react-native-easy-app mainly does these things:1. Encapsulating the AsyncStorage allows d ...

Posted on Sat, 30 May 2020 12:57:18 -0400 by Deany