Beta test `NEAR-CRA`

[thisisjoshford]

Test out the new NEAR create-react-app template and provide feedback here.

• [x] @BenKurrek
• [x] @doriancrutcher

[BenKurrek]

Great tutorial - I went through the readme exactly as a new user would and tried to come at it with a perspective of "I'm new to NEAR, how does everything work" and these are some of my comments:

• In the Usage Tutorial, you prompt the user to run the command: npx create-react-app --template near wrap-near-app and then to edit the file src/App.js the file that was created when I ran that command was src/App.jsx and it was already filled in with an example of a counter which makes the tutorial hard to follow unless you get rid of everything in that file and start fresh.

• After following the tutorial and running the app with yarn start and trying to wrap or unwrap an amount, the smart contract panicked saying my account was not registered:

• if you could add a way to sign out and sign in with different accounts that would be cool.

[doriancrutcher]

Hey! Great Tutorial! The readme was very straightforward and I do appreciate how you explained what each line was doing in a concise way.

And I do really like how there are waaayyyyy less files to shift through in this version.

I do have some notes though:

First note

I definitely think for the readme tutorial I would have the dev run

yarn build yarn start

So they can see the frontend of the application as they are adding each step and interacting with the app

I personally would also add a detail of what wrapped NEAR is vs regular NEAR so that there’s no confusion between the two for new Devs

Step 3

Upon following step 3 I’m told to edit

src/App.js

The only file there is App.jsx which I think is fine just wanted to point out the typo

Something I wasn’t immediately clear on is if I was to take everything within that file and delete it and replace it with the screenshot below

Errors

How do I sign out? I tried clicking the sign in button again but it won’t let me logout

Upon making the contract call I run into this error

Questions

Where are the smart contract for these functions located?
Where do I go to add my own smart contract methods?