indreklasn

import React from 'react';

// the translate hook
import { useTranslation } from 'react-i18next';

const MyComponent = () {
  const { t, i18n } = useTranslation();
  return (
    <h1>{t('Welcome to React')}</h1>
  )

indreklasn

import React, { Component } from "react";
import ReactDOM from "react-dom";
import './i18n';
import App from './App';


// append app to dom
ReactDOM.render(
  <App />,
  document.getElementById("root")

indreklasn

import i18n from "i18next";
import { initReactI18next } from "react-i18next";

// the translations
// (tip move them in a JSON file and import them)
const resources = {
  en: {
    translation: {
      "Welcome to React": "Welcome to React and react-i18next"
    }

indreklasn

import React from 'react';
import {
  LineChart, Line, XAxis, CartesianGrid, Tooltip,
} from 'recharts';

const Recharts = () => (
  <LineChart
    width={400}
    height={400}
    data={data}

indreklasn

import React from 'react';
 import { Formik } from 'formik';
 
 const Basic = () => (
   <div>
     <h1>Anywhere in your app!</h1>
     <Formik
       initialValues={{ email: '', password: '' }}
       validate={values => {
         const errors = {};

indreklasn

import { createStore } from 'redux'

/**
 * This is a reducer, a pure function with (state, action) => state signature.
 * It describes how an action transforms the state into the next state.
 *
 * The shape of the state is up to you: it can be a primitive, an array, an object,
 * or even an Immutable.js data structure. The only important part is that you should
 * not mutate the state object, but return a new object if the state changes.
 *

indreklasn

import React from 'react';

import styled from 'styled-components';

// Create a <Title> react component that renders an <h1> which is
// centered, palevioletred and sized at 1.5em
const Title = styled.h1`
  font-size: 1.5em;
  text-align: center;
  color: palevioletred;

indreklasn

// __tests__/hidden-message.js
// these imports are something you'd normally configure Jest to import for you
// automatically. Learn more in the setup docs: https://testing-library.com/docs/react-testing-library/setup#cleanup
import '@testing-library/jest-dom'
// NOTE: jest-dom adds handy assertions to Jest and is recommended, but not required

import React from 'react'
import {render, fireEvent, screen} from '@testing-library/react'
import HiddenMessage from '../hidden-message'

indreklasn

// hidden-message.js
import React from 'react'

// NOTE: React Testing Library works well with React Hooks and classes.
// Your tests will be the same regardless of how you write your components.
function HiddenMessage({children}) {
  const [showMessage, setShowMessage] = React.useState(false)
  return (
    <div>
      <label htmlFor="toggle">Show Message</label>

indreklasn

const User = mongoose.model('User', { name: String, email: String, surname: String })

const AdminBroOptions = {
  resources: [User],
}

const AdminBro = new AdminBro(AdminBroOptions)
const router = AdminBroExpress.buildRouter(AdminBro)

// add router to express