bogdanq

Unit-тесты Jest TDD Snapshot E2E-тесты Как работает Скриншоты Opensource Commits, pull-requests, issues Просмотр кода на github

bogdanq

export const WithAccount = ({ renderExists, renderEmpty, render }) => {
  const { user } = $userStore()

  if (user && renderExists) {
    return renderExists({ account: user, accountId: user.id })
  }

  if (!user && renderEmpty) {
    return renderEmpty({ account: null, accountId: null })
  }

bogdanq

export const Access = ({ guards = [], children, name = "" }) => {
    const { checkPermissions } = usePermissions();
    const { loading } = useUser();
    const { hiddenPages, hiddenComponents } = React.useContext(
        configContext,
    );

    const hasCompletedGuards = React.useMemo(() => checkPermissions(guards), [
        guards,
        checkPermissions,

bogdanq

// test https://github.com/bogdanq/jest-testing/blob/master/src/components/testing-library/components/conditional-list/conditional-list.spec.js
import React from 'react'
import { Spiner } from '@ui'

export const ConditionalList = ({ data, renderExist, renderEmpty, error, loading }) => {
    if (!data) {
        return <h1>Данных нет</h1>;
    }

    if (error) {

bogdanq

const GenericTemplate = ({ children, hero }) => {
  return (
    <Container>
      <Header />
      {hero}
      {children}
      <Footer />
    </Container>
  )
}

bogdanq

import React from 'react'
import { css } from 'styled-components'

export const WithTag = ({ as = 'div', children, to, onClick, ...props }) =>
  React.createElement(as, { to, onClick, ...props }, children)

const prop = value => (is(value) ? value : 'initial')

export const mixins = props => css`
  align-content: ${prop(props.alignContent)};

bogdanq

import styled, { css } from "styled-components";

const getStyle = (propsName, styles) => props =>
  props[propsName] && styles[props[propsName]];

const is = value => Boolean(value)
const ifProps = (name, styles) => props => is(props[name]) && styles

const buttonStyle = {
  mini: css`

bogdanq

import styled from "styled-components";

const mapPoint = ({ position }) => ({
  style: {
    top: position.top,
    left: position.left
  }
});

// api styled позволяет через атрибуты навесить стили

bogdanq

import { TransitionGroup, CSSTransition } from "react-transition-group";

export const TransitionComponent = ({
  children,
  isAnimated,
  classNames,
  timeout
}) => (
  <TransitionGroup>
    <CSSTransition

bogdanq

import React from 'react'
import { Text, View } from 'react-native'
import { createAppContainer } from 'react-navigation'
import { createBottomTabNavigator } from 'react-navigation-tabs'
import { createStackNavigator } from 'react-navigation-stack'

const app = createStackNavigator({
  Home: () => (
    <View style={styles.container}>
      <Text style={styles.paragraph}>Home Screen</Text>