learn-co-curriculum / react-updating-state Goto Github PK

Need to remove the "s" from components here:
"This way the components knows it should re-render, ...."

Thank you.

This "lab" appears not be a lab but a readme. It is configured to act as a lab however. It would probably be better to modify this behavior

Echoing jdbean's remarks, this ReadMe/Code-Along has not been fully transitioned - there is no test folder, so it can't be completed without modification.

Failed to compile.

  TypeError: Cannot read property 'request' of undefined

  - ExternalModuleFactoryPlugin.js:37 handleExternals
    [react-updating-state-v-000]/[webpack]/lib/ExternalModuleFactoryPlugin.js:37:33

  - ExternalModuleFactoryPlugin.js:46 next
    [react-updating-state-v-000]/[webpack]/lib/ExternalModuleFactoryPlugin.js:46:8

  - ExternalModuleFactoryPlugin.js:59 handleExternals
    [react-updating-state-v-000]/[webpack]/lib/ExternalModuleFactoryPlugin.js:59:7

  - ExternalModuleFactoryPlugin.js:79 ExternalModuleFactoryPlugin.<anonymous>
    [react-updating-state-v-000]/[webpack]/lib/ExternalModuleFactoryPlugin.js:79:5

  - NormalModuleFactory.js:246 applyPluginsAsyncWaterfall
    [react-updating-state-v-000]/[react-scripts]/[webpack]/lib/NormalModuleFactory.js:246:4

  - Tapable.js:204
    [react-updating-state-v-000]/[react-scripts]/[tapable]/lib/Tapable.js:204:11

  - IgnorePlugin.js:56 IgnorePlugin.checkIgnore
    [react-updating-state-v-000]/[react-scripts]/[webpack]/lib/IgnorePlugin.js:56:10

  - Tapable.js:208 NormalModuleFactory.applyPluginsAsyncWaterfall
    [react-updating-state-v-000]/[react-scripts]/[tapable]/lib/Tapable.js:208:13

  - NormalModuleFactory.js:230 NormalModuleFactory.create
    [react-updating-state-v-000]/[react-scripts]/[webpack]/lib/NormalModuleFactory.js:230:8

  - Compilation.js:382 Compilation._addModuleChain
    [react-updating-state-v-000]/[react-scripts]/[webpack]/lib/Compilation.js:382:17

  - Compilation.js:464 Compilation.addEntry
    [react-updating-state-v-000]/[react-scripts]/[webpack]/lib/Compilation.js:464:8

  - SingleEntryPlugin.js:22 SingleEntryPlugin.<anonymous>
    [react-updating-state-v-000]/[webpack]/lib/SingleEntryPlugin.js:22:15

  - Tapable.js:229 Compiler.applyPluginsParallel
    [react-updating-state-v-000]/[react-scripts]/[tapable]/lib/Tapable.js:229:14

  - Compiler.js:488
    [react-updating-state-v-000]/[react-scripts]/[webpack]/lib/Compiler.js:488:8

  - Tapable.js:131 Compiler.applyPluginsAsyncSeries
    [react-updating-state-v-000]/[react-scripts]/[tapable]/lib/Tapable.js:131:46

  - Compiler.js:481 Compiler.compile
    [react-updating-state-v-000]/[react-scripts]/[webpack]/lib/Compiler.js:481:7

I was following along with the readme. Copied in code, ran npm install and then npm start and got error above. Tried on local env (MacOS 10.9.5) with node version 6.9.5 and 8.1.2 as well as on the Learn IDE. Error was the same throughout.

https://github.com/DanL12186/react-updating-state-v-000
e8405f3078fa40743a670c35ffd866cc2774cd79

Traceback (most recent call last):
	11: from /Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/bin/ruby_executable_hooks:24:in `<main>'
	10: from /Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/bin/ruby_executable_hooks:24:in `eval'
	 9: from /Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/bin/learn-test:23:in `<main>'
	 8: from /Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/bin/learn-test:23:in `load'
	 7: from /Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/gems/learn-test-3.3.1/bin/learn-test:73:in `<top (required)>'
	 6: from /Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/gems/learn-test-3.3.1/lib/learn_test/runner.rb:21:in `run'
	 5: from /Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/gems/learn-test-3.3.1/lib/learn_test/runner.rb:21:in `fork'
	 4: from /Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/gems/learn-test-3.3.1/lib/learn_test/runner.rb:22:in `block in run'
	 3: from /Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/gems/learn-test-3.3.1/lib/learn_test/runner.rb:49:in `report_and_clean'
	 2: from /Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/gems/learn-test-3.3.1/lib/learn_test/reporter.rb:13:in `report'
	 1: from /Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/gems/learn-test-3.3.1/lib/learn_test/reporter.rb:47:in `report'
/Users/justinmclawhorn/.rvm/gems/ruby-2.6.1/gems/learn-test-3.3.1/lib/learn_test/strategies/mocha.rb:44:in `results': undefined method `[]' for nil:NilClass (NoMethodError)

This is the same error from a previous code along (here). Presumably, the lack of a test file is causing the error. Temporary workaround is to create a test directory and add an empty js file. learn test will then auto-submit to Canvas.

Or, we could do this using the proposed object spread operator in the next version of JS: RECOMMENDED

-- this should be updated, with more info/link to spread operator.

I CANNOT BELIEVE THIS SCHOOL IS SO UNDERSTAFFED. IT IS WORST THAN THE ACTUAL GOVERNMENT IN THIS CRISIS. I HATE THIS PRESIDENT AND THIS ADMINISTRATION BUT I HATE THIS SCHOOL MORE BECAUSE IT DOESNT DO WHATS BEST FOR THE STUDENTS BUT INSTEAD WHATS BEST FOR YOUR POCKETS. HAVE MORE PEOPLE ANSWERING QUESTIONS IN ASK A QUESTION

Hello! I'm reaching on on regards to a compiling error received for this code-along lesson. Before writing any code I ran npm install && npm start as the lesson provides. Upon that, I received a Failed to compile error in both the browser and the console.

Fortunately I was able to find a solution provided by Dan Abramov(the co-creator of React). His states that Webpack is not compatible with create-react-app projects. I don't know if I should assume this but the lessons code-along project may have been created via create-react-app and then the addition of Webpack was made.

I followed along with Dan's solution and at the very end of his solution ran npm install && npm start which successfully delivered the browser for the lesson's code-along. I will include the link to his solution. I did alter my forked copy of the lesson's repository and made the changes on my copy only. I also did this with a technical coach on zoom and we ran through the solution together to see what would happen.

I included the error and the before and after of package.json. Along with the link to the solution.

Happy coding
Malind

Dan Abramov's Solution

This sentence: See what happened there? It merged the state, but any objects get overwritten, because it doesn't deeply merge the state with the object you pass into this.setState().
Corrected: See what happened there? It merged the state, but any other objects get overwritten, because it doesn't deeply merge the state with the object you pass into this.setState().

Props are read-only and cannot be modified. Maybe reword the paragraph to clarify that passing props from parent to child does not modify existing properties-- it creates and renders a new instance of the child component with different properties than the previously rendered instance.

you should loose your teaching license since you can't teach at all. all you do is show people how to google since you are not teachers