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 [email protected]: 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