React

Experimentation with React. Get started!

Basic

To start with the syntax. No npm / yarn installation required to test it, but it might be getting old (2016).

Misc-App

Potluck of different examples.

Create-App

Created from the old starting project which might be mostly deprecated now. Using yarn as it is well integrated with React.

Start with:

yarn start

Run the test with jest using:

yarn test

Common errors

• error babel-jest@26.6.3: The engine "node" is incompatible with this module. Expected version ">= 10.14.2". Got "10.13.0"

Update node to the latest version. If you are using n (useful when working with different node versions) do:

n latest

• Cannot find module '@testing-library/react/types' from 'src/App.test.js'

It may be deprecated and may not have been fixed, but it works if you remove the /types and use directly:

import { render, screen } from '@testing-library/react';

Chakra UI

Example with Chakra UI and React.

DnD

Example with Drag and Drop.

Router

Example with React Router.

Sources

For learning purposes:

• Facebook: React tutorial, create-react-app
• Scotch.io: React tutorial
• FreeCodeCamp: React App One, React App Two
• Free Online rest API: jsonplaceholder.typicode.com
• React Documentation: API calls, conditional rendering
• Redux Documentation: react-redux, React-redux examples, Access redux store, Access redux store from outside component, React + Redux real world example
• Other Documentation: Pass props to component, Remove element from list, One page app, react with jwt, Real world example, react with login, Private route