Mapbox GL

Mapbox GL is a suite of open-source libraries for embedding customizable and responsive client-side maps in web, mobile, and desktop applications. Mapbox GL maps render at a high frame rate. The abbreviation “GL” comes from OpenGL, the industry-standard Open Graphics Library. Mapbox GL allows you to use custom styles designed in Mapbox Studio. You can also manipulate every aspect of …

Yup

Yup is a JavaScript schema builder for value parsing and validation. Define a schema, transform a value to match, validate the shape of an existing value, or both. Yup schema are extremely expressive and allow modeling complex, interdependent validations, or value transformations. Yup’s API is heavily inspired by Joi, but leaner and built with client-side validation …

TypeORM

TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript (ES5, ES6, ES7, ES8). Its goal is to always support the latest JavaScript features and provide additional features that help you to develop any kind of application that uses …

React Native React/RCT*.h not found (1)

React Native is always painful to use 3rd party libraries with native code.One of the issues we often face is React/RCT*.h file not found. Specific case we are going to inspect today is when using outdated 3rdparty package which is not providing autolinking. Projects for iOS that does not provides autolinking means the project does …

WebRTC Implementation with React and React Native by using OpenTok

Add opentok-react as a dependency of your application: yarn add opentok-react Or if you’re still using npm: npm install –save opentok-react Then include opentok.js before your application: <script src=”https://static.opentok.com/v2/js/opentok.min.js”></script> Alternatively, wrap your top-level component using OpenTok with the preloadScript HOC. The HOC will take care of loading opentok.js for you before rendering. https://github.com/opentok/opentok-reacthttps://github.com/opentok/opentok-react-native-samples

Gradient in React Native(Expo)

Since Android doesn’t support shadow, it is a little tricky to add gradient shadow in react native. React native supports simple shadow(gray) in Android and colorful shadow in iOS. You can check here https://ethercreative.github.io/react-native-shadow-generator/ Actually, shadowColor is not working in Android and I didn’t test on iOS yet but it should be working. So I …

react-native-reanimated

React Native’s Animated library reimplemented. It provides a more comprehensive, low level abstraction for the Animated library API to be built on top of and hence allow for much greater flexibility especially when it comes to gesture based interactions. OMG, why would you build this? (motivation) Animated library has several limitations that become troubling when it …

React Native Web

React Native is a multi-platform solution developed by Facebook that lets you build mobile apps using JavaScript. These mobile apps are considered multi-platform because they’re written once and deployed across many platforms, like Android, iOS and the web. Today, we’ll see how we can utilize this powerful technology to build platform-focused applications on the web. …