Query

styled-components React Npm / Install / React Native / Next js / Yarn / Type Script / Globle Styles : tyles – using components as a low-level styling construct could not be easier! const Button = styled.button` color: grey; `; Alternatively, you may use style objects. This allows for easy porting of CSS from inline styles, … Read more

React Native Web Npm / Example / Nextjs / Webpack : Documentation The documentation site (source) covers installation, guides, and APIs. Example The examples app (source) demonstrates many available features. Fork the codesandbox to make changes and see the results. You’ll notice that there is no reference to react-dom in components. The App component that is shown below is defined using the APIs and Components … Read more

React Navigation Npm / Tabs / Stack / Expo / Typescript / Github / Native Navigation : Installation​ Install the required packages in your React Native project: npm Yarn Copy React Navigation is made up of some core utilities and those are then used by navigators to create the navigation structure in your app. Don’t … Read more

React Native UI Kitten Npm / Example / Github / Expo / Components / Eva Icons / Tutorial / Design : Quick Start Start a new app with UI Kitten template from a scratch: npx react-native init MyApp –template @ui-kitten/template-js Or, if you want to init with TypeScript: npx react-native init MyApp –template @ui-kitten/template-ts This … Read more

@react-native-community/netinfo / Expo / Github / Npm / Alter Native / Connection / Speed / Internet Connection / NativeModule RNCNetInfo is null : Install the library using either Yarn: or npm: Using React Native >= 0.60 Linking the package manually is not required anymore with Autolinking. iOS Platform:$ npx pod-install # CocoaPods on iOS needs this extra … Read more

React Native Maps Npm / Dark Mode / Expo / Maps / Documentation / Collout / Directions / Get Current Location Installation See Installation Instructions. See Setup Instructions for the Included Example Project. Compatibility react-native-maps requires react-native >= 0.64.3. Component API <MapView /> Component API <Marker /> Component API <Callout /> Component API <Polygon /> Component API <Polyline /> Component API <Circle /> Component API … Read more

React Native Config Npm / Config Android / Typescript / Github / Alternative / Json / Jest : Basic Usage Create a new file .env in the root of your React Native app: Then access variables defined there from your app: import Config from “react-native-config”; Config.API_URL; // ‘https://myapi.com’ Config.GOOGLE_MAPS_API_KEY; // ‘abcdefgh’ Keep in mind this module doesn’t … Read more

React Native Elements Npm / Yarn / List / DropDown / Github / Icon / Gsoc / Native Base : Installation Follow these instructions to install React Native Elements! Usage Start using the components or try it on Snack here. import { Button } from ‘react-native-elements’; <Button />; Components included: [x] Avatar [x] Badge [x] BottomSheet [x] Button [x] ButtonGroup [x] Card [x] CheckBox [x] Divider … Read more