MCPcopy Index your code
hub / github.com/asbjornenge/thinking-in-react

github.com/asbjornenge/thinking-in-react @v3.1.2

Chat with this repo
repository ↗ · DeepWiki ↗ · release v3.1.2 ↗ · + Follow
16 symbols 35 edges 33 files 0 documented · 0% ● updated 9y ago★ 1792 open issues
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Thinking in React

A workshopper module for learning React, based on thinking in react.

It will hopefully help you get started with React and help you to get a good workflow from the get-go.

Install

$ npm install -g thinking-in-react

Usage

Just run

$ thinking-in-react

to play.

Changelog

v3.1.2

  • Updated the use of refs to functions instead of strings (now deprecated)

v3.1.1

  • Added react-addons-test-utils to install instructions
  • Using user local react-addons-test-utils fixes step 5

v3.1.0

  • Added support for React v15 (run/verify on step 5 broke previously with React v15)

v3.0.1

  • Fixed a typo via #17 - thanks @brian-stovall

v3.0.0

  • Bumped jsdom to v7

Bumping jsdom introduces a breaking change (major release) since the new version no longer supports node 0.x. If you see build issues with contextify then make sure to upgrade to node 4+ and things should work. If you don't want to upgrade node feel free to install thinking-in-react@2.0.0 :smile:

v2.0.0

  • Added support for JSX and ES2015 via Babel - thanks @ThibWeb
  • Updated to React v0.14

v1.0.0

  • Using process.cwd() instead of process.env.PWD - improves Windows support
  • Also did a non-semver release to get to a proper semver starting point

v0.1.0

  • Introduced blessed UI guide for step 1
  • Improved HINTs
  • Introduced state bingo!
  • Introduced thinking-in-react server to test your solution in the browser!

Core symbols most depended-on inside this repo

exercise
called by 10
exercises/step_1__break_the_ui_into_a_component_hierarchy/components.js
render
called by 7
exercises/step_5__add_inverse_data_flow/solution/solution.js
navigate
called by 3
exercises/step_1__break_the_ui_into_a_component_hierarchy/presentation.js
navigate
called by 3
exercises/step_3__identify_the_minimal_repr_of_ui_state/bingo.js
render
called by 2
exercises/step_1__break_the_ui_into_a_component_hierarchy/presentation.js
newcbc
called by 2
exercises/step_3__identify_the_minimal_repr_of_ui_state/bingo.js
finish
called by 1
exercises/step_3__identify_the_minimal_repr_of_ui_state/bingo.js
Server
called by 0
server.js

Shape

Function 16

Languages

TypeScript100%

Modules by API surface

exercises/step_5__add_inverse_data_flow/solution/solution.js4 symbols
exercises/step_3__identify_the_minimal_repr_of_ui_state/bingo.js3 symbols
exercises/step_4__identify_where_your_state_should_live/solution/solution.js2 symbols
exercises/step_1__break_the_ui_into_a_component_hierarchy/presentation.js2 symbols
server.js1 symbols
exercises/step_2__build_static_version_in_react__part_3/solution/solution.js1 symbols
exercises/step_2__build_static_version_in_react__part_2/solution/solution.js1 symbols
exercises/step_2__build_static_version_in_react__part_1/solution/solution.js1 symbols
exercises/step_1__break_the_ui_into_a_component_hierarchy/components.js1 symbols

For agents

$ claude mcp add thinking-in-react \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page