| import React from 'react'; | |
| type compProps = { | |
| title: string; | |
| } | |
| const Home = (props: compProps) => { | |
| const { title } = props; | |
| return ( | |
| <div> |
| import { orgThemes } from '@btiwari-gitlab/app-themes'; | |
| const applyTheme = theme => { | |
| const body = document.querySelector('body'); | |
| const info = document.querySelector('#info'); | |
| body.style.background = orgThemes[theme].background; | |
| body.style.color = orgThemes[theme].text; | |
| info.innerText = theme.toUpperCase(); | |
| } |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <title>Use NPM package registry from Gitlab </title> | |
| </head> | |
| <body> |
| # don't lint: | |
| node_modules | |
| # don't lint build output | |
| dist | |
| build | |
| lib | |
| # don't lint unit-test coverage | |
| coverage |
| import React from 'react'; | |
| import { Button, Container, Header, Title, Content, Icon, Left, Right, Text, Body } from "native-base"; | |
| import { React$Node } from './../TypesAndInterfaces/AppTypes'; | |
| /** | |
| * @name App | |
| * @description App Component function | |
| */ | |
| const App: () => React$Node = () => { |
GPP's most recent version as of the writing of this post is GPP 2.8.0. This version requires Gradle version ≥ 6 and Android tools build gradle version in our app ≥ 4.0.
On your terminal, cd to the app's project folder, then run below commands to upgrade the gradle version of the app's android project. The latest gradle version as of writing of this post is 6.5👇
cd android
| // Top-level build file where you can add configuration options common to all sub-projects/modules. | |
| buildscript { | |
| ext { | |
| buildToolsVersion = "28.0.3" | |
| minSdkVersion = 16 | |
| compileSdkVersion = 28 | |
| targetSdkVersion = 28 | |
| } | |
| repositories { |
| import React from 'react'; | |
| import Header from './header'; | |
| import renderer from 'react-test-renderer'; | |
| describe('Header', () => { | |
| it('should render correctly', () => { | |
| const header = renderer.create(<Header title="Test" />).toJSON; | |
| expect(header).toMatchSnapshot(); | |
| }); | |
| }); |
| import * as React from 'react'; | |
| import {StyleSheet, View, Text} from 'react-native'; | |
| interface CompProps { | |
| title: string; | |
| } | |
| const Header = (props: CompProps) => { | |
| return ( | |
| <View style={styles.container}> |
| module.exports = { | |
| preset: 'react-native', | |
| testRegex: '(/__tests__/.*|/src/.*\\.(test|spec))\\.(jsx?|tsx?)$', | |
| moduleFileExtensions: [ | |
| 'ts', | |
| 'tsx', | |
| 'js', | |
| 'jsx', | |
| 'json', | |
| 'ios.ts', |