React

init

# no caps allowed for app name
npx create-react-app my-app

Questions

• Importing CSS in React
• How to use Axios
• How to clear an element
• How to get javascript libraries in the browser
• UNPKG
• How to create a react app with typescript
• yarn create react-app frontend --typescript --jsx
• 10 React Hooks Explained // Plus Build your own from Scratch - YouTube
• "Can't perform a React state update on an unmounted component"
  • How to solve "Can't perform a React state update on an unmounted component" - Toni-Develops
  • javascript - React useEffect causing: Can't perform a React state update on an unmounted component - Stack Overflow

Links to solutions

• javascript - use useState to append string values - Stack Overflow
• wiki.software.List.Apex Charts

Plan to Learn React

• TODO App
• Hangman
• X's and O's
• Visual Calculator

What I want to do with React

• Interface to query the keybase binding in elasticsearch.
• I want to write JSON in a text nodal then have the query come back in elastic search
• Paul just learn how to do the TODO app

TODO App

Working Project

• developedbyed/vanilla-todo
• Works but is really really vanilla, not using any npm packages, not right file structure
• Anshuman301/todos-app2: Created with CodeSandbox
• WOrks and has file managed better than the vanilla tutorial
• iamshaunjp/react-redux-complete-playlist at lesson-23
• Every branch is a different lesson that builds on the previous, BEST FIND SO FAR
• Code 15 React Projects - Complete Course - YouTube
• john-smilga/react-projects
• john-smilga/react-projects
• bhanukh/todo-app-redux
• codebucks27/React-Redux-Todo-App

Broken Projects

• Find existing TODO Apps, find the most simple one
• mdn/todo-react: Sample todo app built with the React/ReactDOM framework.
  • Does not work
• briancodex/react-todo-app-v1: Todo App created using React Hooks
  • Does not work, requires index.html file
• DanielPickens/React-Redux-Todo-App: A todo app that allows the user to : Add todos, Remove todos, Mark todos as complete, & View the number of completed todos.

Projects to test

• code-sandbox-examples/README.md at master · react-bootstrap/code-sandbox-examples

Other Links

• reactjs - error TS2602: JSX element implicitly has type 'any' because the global type 'JSX.Element' does not exist - Stack Overflow
• How to use Redux in ReactJS with real-life examples

Topics

Context

React State Management Tutorial | Context Api | React Tutorial For Beginners - YouTube

Proxy

Proxying API Requests in Development | Create React App

Backlinks

• DDaemon - Tech Breakdown