4
14 Comments

Help! Need to start with React

How should I start with it and what are the requirements and
I only want to be specific to the front-end, so should I learn node js

  1. 1

    The essential skills that you must have in hand are JavaScript Fundamentals + ES6, HTML, CSS, Git, Redux and Node + npm. In this regard, you can also read this article https://www.pluralsight.com/blog/software-development/6-essential-skills-for-react-web-developers and it will tell you everything about necessary skills to build a React.js application.

    Correspondingly, you can follow this https://www.freecodecamp.org/news/how-to-build-a-react-project-with-create-react-app-in-10-steps/ guide to quickly build a React.js app and then you can host them on these https://blog.back4app.com/free-hosting-react-app/ platforms without paying anything. Yes, all of these cloud platforms offer free-tier hosting to beginners and startups. Hopefully, these resources will assist you in learning, building and hosting React.js applications.

  2. 1

    Read this article I wrote which explains the Javascript concepts that you need to learn before your start learning React.

    https://blog.bhanuteja.dev/epic-react-javascript-you-need-to-know-for-react

  3. 1

    Have you tried to read their tutorial? It's really worth your time: https://reactjs.org/tutorial/tutorial.html

    Also docs has all the answers to your questions: https://reactjs.org/docs/getting-started.html

  4. 1

    Maybe check out Colt Steele's React course. Hes a pretty good teacher

  5. 1

    I suggest you to start learning React with Hooks and functional components from the begining.

  6. 1

    My recommendation would be to start with Create React App. It's the recommended starter's resource by Facebook and you get a working React app straight away.

    Once you've set up your React app with Create React App, I recommend taking baby steps through React's documentation. They start very gently. Learn what these things are: JSX, component, props and state.

    If you have a specific goal in mind (i.e. why you're learning React), might be able to point you to other resources. I hope this helps.

    1. 1

      I don't want to get into app development and
      I want to make websites

      1. 1

        "App" in this case refers to "web application" - which, admittedly, is not very intuitive when you're getting started.

        "React Native" is the version of React used for ios/android apps

        You'll get used to all the terminology as you go! 😊

  7. 1

    start with this tutorial https://egghead.io/courses/the-beginner-s-guide-to-react
    if you need any help, say don't understand any concept ping me
    i have over 3 years experience in react/redux

    1. 1

      Thank You! will check this out

  8. 1

    What's your current understanding of javascript?

    Questions:

    • can you describe what the DOM is
    • do you know how or when not to use arrow functions?
    • have you ever used the class keyword in javascript?
    • do you know any other programming languages?
    • do you know what async programming is?
    • do you know why react/vue/ are more useful [in some cases] than vanilla js?
  9. 1

    Start with plain HTML, CSS, try to create a plain UI for whatever you like first. Then go to https://reactjs.org/tutorial/tutorial.html, they have a pretty good getting started guide.

  10. 1

    You should try Nextjs. It is a react framework.

  11. 1

    node js is backend, so you don't have to for front-end... it would make you a "full stack" 😅

    Maybe look at a react component library, find something that triggers you, rebuild a better one or the same one... that would be a nice start, if you can make components others would like your probably above average and you got something to show off...

Trending on Indie Hackers
Getting first 908 Paid Signups by Spending $353 ONLY. 24 comments I talked to 8 SaaS founders, these are the most common SaaS tools they use 20 comments What are your cold outreach conversion rates? Top 3 Metrics And Benchmarks To Track 19 comments How I Sourced 60% of Customers From Linkedin, Organically 12 comments Hero Section Copywriting Framework that Converts 3x 12 comments Join our AI video tool demo, get a cool video back! 12 comments