Basic Level completed!

[learn-javascript-courses]

Basic Level completed!

[thoragio]

To answer your second question:

describe is just a name applied to the tape testing library. You would import it like any other dependency:

import describe from 'tape'

Instead of:

test('CardPlayer', nest => {
  nest.test('...card-player', assert => {
    const msg = 'CardPlayer should render the card-player div.';

You write:

describe('CardPlayer', ({test}) => {
  test('...card-player', ({equal, end}) => {
    const msg = 'CardPlayer should render the card-player div.';

You're using ES6 destructuring this way so you can avoid having to write assert.equal and assert.end and instead just write equal and end.

It's a question of style and what you prefer.

[ericelliott]

1. Constant strings don't matter much as long as:
   1. They're easy to read and identify &
   2. They don't collide with similarly named stuff in other modules.

[maxyzli]

I notice my UI is very ugly compared to others 😂. I will try to improve that.

[maxyzli]

@thoragio Thanks. I decided to use firebase and material design for the mid-level challenge.

[ericelliott]

On 3, I use the connect utility from react-redux which provides mapStateToProps() and mapDispatchToProps() in smart components, which will connect the redux state to props that can flow to presentation components through props.

Then you can use whatever async API you like to load the state and then dispatch an action to the store after the state is loaded. Common choices include:

1. redux-saga
2. redux-thunk
3. vanilla-js (create your own solution)

I personally prefer redux-saga, but before you dive into that, you need to understand generators.

Option 3 is easiest to start with.

[ericelliott]

Next time I want to see tests for components, too. See TDD in ES6 & React. Ignore the bits about Enzyme -- it was still flaky last I checked. I use Cheerio, instead.

You don't get synthetic event tests that way, but I just use functional tests for that. See Nightwatch.js for easy functional testing.