Getting React.js Certified in TEN MINUTES! (Beginners Guide)

Welcome! This tutorial is considered to be an order of magnitude easier than other React tutorials, because we focus on a slightly different version of React that is much easier than the normal version. But the knowledge is completely transferable (and…


This content originally appeared on DEV Community and was authored by The Jared Wilcurt

Welcome! This tutorial is considered to be an order of magnitude easier than other React tutorials, because we focus on a slightly different version of React that is much easier than the normal version. But the knowledge is completely transferable (and way more fun)!

Instead of using the normal version of React we're using a version called "Vue". But don't worry! You're not getting a watered down version by using it. It's actually more powerful, faster, smaller, and is beloved by React's creators and the React community. And most of all 10 times easier! Wow! Why isn't everyone using it? They are! Most people are moving from React to this newer, better version. So let's learn it, have some fun, and get certified as "A Real React Developer™", by the governing body of this tutorial. You can even put that on your résumé!

The first step for learning React is to install Vue.js. Normally React can only make WebApps, but the Vue version can also be used for websites.

So you need to pick your starting point!

I want to create a Website!

  1. Add a CDN link to Vue to your page:
    • <script src="https://unpkg.com/vue@next"></script>

I want to create a Webapp!

  1. Install Node.js & npm
  2. In your command prompt or terminal, run:
    • npm install -g @vue/cli && vue ui

Learning to code React

Follow this official "Getting started guide" for the Vue.js version of React:

As you learn, check off these important concepts:

{{ doubleCurlies }} and data values
v-bind:href (or :href) attribute binding
v-model for two-way data-binding
v-if, v-else, and v-else-if conditionals
v-for loops
v-on:click or @click
methods
computed properties
props on a component
created and other life-cycle hooks

CERTIFICATION!

That's it! You've done it, by the powers vested in me, from the global state of the React Higher Order Council (React HoC), you are now certified as "A Real React Developer™".

Print off your certificate here:

Share this with your friends, so they can be certified too!

Take a picture with your certification and share on Twitter! Be sure to mention @TheJaredWilcurt so I see it.

* Not officially endorsed by Facebook in any way
** Certificate not available to those in TN, HI, CR or LF
*** I believe in you, nothing can stop you, you are a champion


This content originally appeared on DEV Community and was authored by The Jared Wilcurt


Print Share Comment Cite Upload Translate Updates
APA

The Jared Wilcurt | Sciencx (2021-06-28T03:35:28+00:00) Getting React.js Certified in TEN MINUTES! (Beginners Guide). Retrieved from https://www.scien.cx/2021/06/28/getting-react-js-certified-in-ten-minutes-beginners-guide/

MLA
" » Getting React.js Certified in TEN MINUTES! (Beginners Guide)." The Jared Wilcurt | Sciencx - Monday June 28, 2021, https://www.scien.cx/2021/06/28/getting-react-js-certified-in-ten-minutes-beginners-guide/
HARVARD
The Jared Wilcurt | Sciencx Monday June 28, 2021 » Getting React.js Certified in TEN MINUTES! (Beginners Guide)., viewed ,<https://www.scien.cx/2021/06/28/getting-react-js-certified-in-ten-minutes-beginners-guide/>
VANCOUVER
The Jared Wilcurt | Sciencx - » Getting React.js Certified in TEN MINUTES! (Beginners Guide). [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/06/28/getting-react-js-certified-in-ten-minutes-beginners-guide/
CHICAGO
" » Getting React.js Certified in TEN MINUTES! (Beginners Guide)." The Jared Wilcurt | Sciencx - Accessed . https://www.scien.cx/2021/06/28/getting-react-js-certified-in-ten-minutes-beginners-guide/
IEEE
" » Getting React.js Certified in TEN MINUTES! (Beginners Guide)." The Jared Wilcurt | Sciencx [Online]. Available: https://www.scien.cx/2021/06/28/getting-react-js-certified-in-ten-minutes-beginners-guide/. [Accessed: ]
rf:citation
» Getting React.js Certified in TEN MINUTES! (Beginners Guide) | The Jared Wilcurt | Sciencx | https://www.scien.cx/2021/06/28/getting-react-js-certified-in-ten-minutes-beginners-guide/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.