API Authentication with Node - Part #13 - React Setup by codeworkr

utopian-io · @codeworkr · Jan 3 '18

$16.12

API Authentication with Node - Part #13 - React Setup

# Description 💻 #
In the 13th part of ***API authentication with Node*** series, we'll set up the React for the frontend part of our project. Firstly, we're going to take a brief look at architecture that we're going to use in this project and we'll see how React (v16) will fit into it.

We are also going to talk about the difference between development and production environments. Then we're going to use create-react-app tool to scaffold the React project.

In case you're looking to learn *Node*, *Express*, *MongoDB*, *React*, *client-side validation*, *server-side validation* and more this series should be interesting to you.

# Video 🎥 #
https://youtu.be/NZdji3u5t4M

# Want to support CodeWorkr? 💖 🌍 #
To be clear - I'm creating these posts/videos because I enjoy it and I like helping others when I can without expecting anything in return, however, in case you like these posts and I mean you've got to really, really like them to read this section - and would like to support me, first of all, that'd be amazing - thank you very much, secondly, these are some of the ways you can help:
* Upvote this post
* Send STEEM to @codeworkr
* [Follow](https://steemit.com/@codeworkr) CodeWorkr on Steemit
* [Subscribe](https://www.youtube.com/codeworkr) to CodeWorkr on Youtube
* [Follow](https://twitter.com/codeworkr) CodeWorkr on Twitter
* [Like](https://www.facebook.com/CodeWorkr) CodeWorkr on Facebook
* BTC *1PAtL34zjj8hKfVziZVe5Yz6HCH7G2iYyx*

👍 mcsvi, brains, nolnocluap, ceepee, ilyastarar, seablue, yousafmaier, haiguzzi, nairadaddy, techblogger, nasgu, valth, resiliencia, minnowsupport, phil-coding, gomeravibz, beet, steemprentice, stephen.king989, gamerveda, codeworkr, jhermanbeans, dickturpin, pomperipossa, looftee, gindor, mirkmarvel, banjo, originalworks2, cryptohustler, myday, numpypython, decibel, edrivegom, dirty.hera, qwasert, fonsetucker, smitop, nesbitt, swagger

`post_id`	23,377,659
`author`	codeworkr
`permlink`	api-authentication-with-node-part-13-react-setup
`category`	utopian-io
`json_metadata`	"{"format": "markdown", "links": ["https://youtu.be/NZdji3u5t4M", "https://steemit.com/@codeworkr", "https://www.youtube.com/codeworkr", "https://twitter.com/codeworkr", "https://www.facebook.com/CodeWorkr"], "app": "steemit/0.1", "tags": ["utopian-io", "technology", "steemstem", "programming", "javascript"], "users": ["codeworkr"], "image": ["https://img.youtube.com/vi/NZdji3u5t4M/0.jpg"]}"
`created`	2018-01-03 20:09:48
`last_update`	2018-01-03 20:09:48
`depth`	0
`children`	3
`net_rshares`	1,432,964,489,110
`last_payout`	2018-01-10 20:09:48
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	13.922 SBD
`curator_payout_value`	2.197 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	1,456
`author_reputation`	211,619,437,446
`root_title`	"API Authentication with Node - Part #13 - React Setup"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (40)

voter	rshares	pct
edrivegom	124,559,605	0.1%
dirty.hera	119,653,603	1%
gomeravibz	2,007,529,809	0.6%
stephen.king989	1,046,040,663	0.2%
mcsvi	161,952,798,185	100%
brains	116,289,001,151	85%
jhermanbeans	356,880,611	0.1%
steemprentice	1,149,458,000	0.1%
seablue	107,012,000,070	78%
valth	94,613,208,087	73%
pomperipossa	319,212,620	0.1%
banjo	231,242,675	1%
nasgu	95,062,801,224	46%
numpypython	158,183,816	0.1%
looftee	296,050,772	0.1%
dickturpin	332,962,333	1%
decibel	139,840,912	0.5%
gindor	283,488,239	0.2%
nolnocluap	114,541,799,009	81%
qwasert	117,116,743	0.2%
cryptohustler	186,137,893	1%
ilyastarar	111,397,072,746	93%
minnowsupport	17,679,042,495	1%
haiguzzi	99,776,906,447	91%
myday	168,078,546	0.1%
gamerveda	708,889,170	0.5%
nesbitt	60,859,193	1%
ceepee	112,266,111,469	92%
resiliencia	93,229,589,657	49%
beet	1,664,973,715	5%
techblogger	95,803,800,801	92%
phil-coding	3,378,725,270	100%
swagger	58,984,478	3%
nairadaddy	96,131,478,095	96%
mirkmarvel	234,210,354	1%
smitop	77,919,393	15%
yousafmaier	103,004,096,271	82%
codeworkr	690,967,968	100%
fonsetucker	91,587,201	0.1%
originalworks2	201,229,821	1%

@codeworkr · Jan 3 '18

@originalworks

properties (22)

`post_id`	23,378,100
`author`	codeworkr
`permlink`	re-codeworkr-api-authentication-with-node-part-13-react-setup-20180103t201231053z
`category`	utopian-io
`json_metadata`	"{"app": "steemit/0.1", "users": ["originalworks"], "tags": ["utopian-io"]}"
`created`	2018-01-03 20:12:30
`last_update`	2018-01-03 20:12:30
`depth`	1
`children`	1
`net_rshares`	0
`last_payout`	2018-01-10 20:12:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	14
`author_reputation`	211,619,437,446
`root_title`	"API Authentication with Node - Part #13 - React Setup"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@originalworks2 · Jan 3 '18

The @OriginalWorks bot has determined this post by @codeworkr to be original material and upvoted it! 
<center>![ezgif.com-resize.gif](https://steemitimages.com/DQmaBi37A5oTnQ9NBLH8YU4jpvhhmFauyvgg3YRrEJwskM9/ezgif.com-resize.gif)</center> 

To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!

properties (22)

`post_id`	23,387,643
`author`	originalworks2
`permlink`	re-re-codeworkr-api-authentication-with-node-part-13-react-setup-20180103t201231053z-20180103t211515
`category`	utopian-io
`json_metadata`	"{"app": "pysteem/0.5.4"}"
`created`	2018-01-03 21:15:15
`last_update`	2018-01-03 21:15:15
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2018-01-10 21:15:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	345
`author_reputation`	18,716,395,863
`root_title`	"API Authentication with Node - Part #13 - React Setup"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@minnowsupport · Jan 3 '18

<p>Congratulations!  This post has been upvoted from the communal account, @minnowsupport, by codeworkr from the Minnow Support Project.  It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews/crimsonclad, and netuoso.  The goal is to help Steemit grow by supporting Minnows and creating a social network.  Please find us in the <a href="https://discord.gg/HYj4yvw">Peace, Abundance, and Liberty Network (PALnet) Discord Channel</a>.  It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.</p>

<p>If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=102530.639667%20VESTS">50SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=205303.639667%20VESTS">100SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=514303.639667%20VESTS">250SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=1025303.639667%20VESTS">500SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=2053030.639667%20VESTS">1000SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&amp;delegatee=minnowsupport&amp;vesting_shares=10253030.639667%20VESTS">5000SP</a>.  <strong>Be sure to leave at least 50SP undelegated on your account.</strong></p>

properties (22)

`post_id`	23,380,836
`author`	minnowsupport
`permlink`	re-codeworkr-api-authentication-with-node-part-13-react-setup-20180103t203040085z
`category`	utopian-io
`json_metadata`	"{"app": "cosgrove/0.0.2", "tags": ["utopian-io"]}"
`created`	2018-01-03 20:30:39
`last_update`	2018-01-03 20:30:39
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2018-01-10 20:30:39
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	1,747
`author_reputation`	104,981,098,086,561
`root_title`	"API Authentication with Node - Part #13 - React Setup"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000