All Projects → ammarahm-ed → react-native-jsi-template

ammarahm-ed / react-native-jsi-template

Licence: MIT License
Template library and blog that explain how JSI modules are built from scratch in React Native

Programming Languages

C++
36643 projects - #6 most used programming language
Objective-C++
1391 projects
java
68154 projects - #9 most used programming language
objective c
16641 projects - #2 most used programming language
javascript
184084 projects - #8 most used programming language
ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to react-native-jsi-template

react-native-firebase-phone-auth
React native firebase Phone number Authentication working example :)
Stars: ✭ 50 (-40.48%)
Mutual labels:  reactnative
react-nested-loader
The easiest way to manage loaders/errors inside a button. NOT an UI lib.
Stars: ✭ 62 (-26.19%)
Mutual labels:  reactnative
react-native-web-view
An implementation of React Native's WebView that allows for postMessage on iOS devices.
Stars: ✭ 13 (-84.52%)
Mutual labels:  reactnative
sendbird-javascript-samples
A guide of the installation and functions of Sendbird Chat, UIKit, and SyncManager for JavaScript samples.
Stars: ✭ 315 (+275%)
Mutual labels:  reactnative
gitsearch
A searchbar for querying Github users and repositories. Written in React Native and React Native Web. GraphQL and Apollo Client to query Github GraphQL API.
Stars: ✭ 15 (-82.14%)
Mutual labels:  reactnative
gameplay-nlw-together
📱 🕹️ Projeto desenvolvido na missão React Native no NLW #06
Stars: ✭ 353 (+320.24%)
Mutual labels:  reactnative
caxa
📦 Package Node.js applications into executable binaries 📦
Stars: ✭ 602 (+616.67%)
Mutual labels:  native-modules
showcase-app-react-native
Aplicativos nacionais feitos com React Native
Stars: ✭ 114 (+35.71%)
Mutual labels:  reactnative
react-native-debug-server-host
React Native Debug server host for iOS
Stars: ✭ 45 (-46.43%)
Mutual labels:  reactnative
aircnc
☕ Airbnb like (Air Coffee & Code) to booking spots for developers using ReactJS, React Native, Node.js and more.
Stars: ✭ 37 (-55.95%)
Mutual labels:  reactnative
nytimes-bestseller
NY Times best sellers list explorer
Stars: ✭ 35 (-58.33%)
Mutual labels:  reactnative
React-Native-UI
A Collection of React Native UI inspired from dribbble and other sites.
Stars: ✭ 18 (-78.57%)
Mutual labels:  reactnative
netflix-react-native
Recreating app Netflix with React Native & styled components
Stars: ✭ 20 (-76.19%)
Mutual labels:  reactnative
ReactNativeNote
ReactNative基础知识,和一些在项目中遇到问题的总结,以及一些第三方框架的接入流程,欢迎fork,star~
Stars: ✭ 12 (-85.71%)
Mutual labels:  reactnative
sketch-style-to-react-native
Sketch plugin that copies an element's styles in React Native way directly to your Mac clipboard.
Stars: ✭ 37 (-55.95%)
Mutual labels:  reactnative
react-native-emoji-input
A fully-featured emoji keyboard ⌨️ for React Native ⚛️
Stars: ✭ 67 (-20.24%)
Mutual labels:  reactnative
ReactNativeApolloOnlineStore
A react native online shop using Apollo client 3
Stars: ✭ 60 (-28.57%)
Mutual labels:  reactnative
react-native-viewpager-indicator
修改自react-native-scrollable-tab-view,增加了根据文字内容适配下划线长度的功能。
Stars: ✭ 52 (-38.1%)
Mutual labels:  reactnative
react-native-whirlwind
Whirlwind is a utility-first styling framework specifically designed for React Native. It is heavily inspired by Tachyons and Tailwind CSS and uses low-level building blocks for rapidly building custom designs.
Stars: ✭ 91 (+8.33%)
Mutual labels:  reactnative
IEManageSystem
基于 Asp.net core + React + ReactNative 的 可视化编辑,所见即所得 的 CMS,具有 浏览器 和 App 两个前端
Stars: ✭ 51 (-39.29%)
Mutual labels:  reactnative

react-native-jsi-template

This is an example library that explains how anyone can build jsi modules from scratch in React Native. This code is written as a support project for my blog.

Installation

npm install react-native-simple-jsi

For iOS also run pod install in /ios folder.

Prerequisites

You must have Android NDK and CMake installed on android to build the library.

Methods

The following methods are implemented.

Platfom agnostic

The relevant code is present in cpp/example.cpp file.

    helloWorld():string;

    multiplyWithCallback(x:number,y:number,callback:(z:number) => void):void
    
    multiply(x:number,y:number):number

Platform specific

The relevant code on android is in android/cpp-adapter.cpp and ios/SimpleJsi.mm on iOS.

    getDeviceName():string
    
    setItem(key:string,value:string):boolean

    getItem(key:string):string

Basic usage example

import simpleJsiModule from "react-native-jsi-template";

simpleJsiModule.helloWorld() // returns helloworld.

Run the example app for more.

Thanks to these libraries & their authors:

The initial work done by authors of the following libraries has helped a lot in writing the blog and keeping this repo updated.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].