Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. The Lounge
  3. React Fundamentals Article

React Fundamentals Article

Scheduled Pinned Locked Moved The Lounge
javascriptasp-netalgorithmsarchitecturequestion
7 Posts 4 Posters 2 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • D Offline
    D Offline
    devenv exe
    wrote on last edited by
    #1

    Am searching for an article to read and get to understand the core fundamentals of react. I want to get a solid understanding of react components, state, props, lifecycle methods, and how React works in general. Any recommendation? I should add that i would be using React with TypeScript.

    "Coming soon"

    R J T 5 Replies Last reply
    0
    • D devenv exe

      Am searching for an article to read and get to understand the core fundamentals of react. I want to get a solid understanding of react components, state, props, lifecycle methods, and how React works in general. Any recommendation? I should add that i would be using React with TypeScript.

      "Coming soon"

      R Offline
      R Offline
      raddevus
      wrote on last edited by
      #2

      I definitely have an opinion on this because I had been looking for the exact same thing. I tried many sources and then I came upon the fantastic book, React : Up & Running[^]. (O'Reilly publishing) I had looked all over the place for someone to give me a step by step on how and why to do things certain way sin React and this book did it. It is super readable, has a tutorial type style and has fantastic code examples. It also is a very fast read which is important too. The 3rd chapter provided a sample that will just blow your mind. It basically creates an spreadsheet-type software in your browser. It shows you reasons you would actually use react in your solution. You'll understand the actual power and reasons. it's fantastic to get all of this in one resource. I took that code and extended it and was working on it to create a component that allows you to: 1. Load any JSON data set (into the grid) 2. edit column data, add, search, delete data rows You can see it at my web site: https://newlibre.com/LibreGrid/[^] click the [Load Data] button and it'll load a default data set and then you can alter any of the data and "save" it. I learned how to do all of that from React Up & Running.

      D 1 Reply Last reply
      0
      • D devenv exe

        Am searching for an article to read and get to understand the core fundamentals of react. I want to get a solid understanding of react components, state, props, lifecycle methods, and how React works in general. Any recommendation? I should add that i would be using React with TypeScript.

        "Coming soon"

        R Offline
        R Offline
        raddevus
        wrote on last edited by
        #3

        I forgot, I even wrote an entire article (on CP) on the work I did with LibreGrid. Here it is: LibreGrid: Drop Into Your App, In 5 Minutes CRUD Your Custom JSON Data[^]

        1 Reply Last reply
        0
        • R raddevus

          I definitely have an opinion on this because I had been looking for the exact same thing. I tried many sources and then I came upon the fantastic book, React : Up & Running[^]. (O'Reilly publishing) I had looked all over the place for someone to give me a step by step on how and why to do things certain way sin React and this book did it. It is super readable, has a tutorial type style and has fantastic code examples. It also is a very fast read which is important too. The 3rd chapter provided a sample that will just blow your mind. It basically creates an spreadsheet-type software in your browser. It shows you reasons you would actually use react in your solution. You'll understand the actual power and reasons. it's fantastic to get all of this in one resource. I took that code and extended it and was working on it to create a component that allows you to: 1. Load any JSON data set (into the grid) 2. edit column data, add, search, delete data rows You can see it at my web site: https://newlibre.com/LibreGrid/[^] click the [Load Data] button and it'll load a default data set and then you can alter any of the data and "save" it. I learned how to do all of that from React Up & Running.

          D Offline
          D Offline
          devenv exe
          wrote on last edited by
          #4

          will spare some time and go through your article.

          "Coming soon"

          1 Reply Last reply
          0
          • D devenv exe

            Am searching for an article to read and get to understand the core fundamentals of react. I want to get a solid understanding of react components, state, props, lifecycle methods, and how React works in general. Any recommendation? I should add that i would be using React with TypeScript.

            "Coming soon"

            J Offline
            J Offline
            Jeremy Falcon
            wrote on last edited by
            #5

            This question would be better suited for the web development forum. That being said, I know _years_ ago when I first was getting into React I went through some Pluralsight courses. These days there's also Udemy. Just pay for an online course or three. Any dev that takes their time to break everything down deserves a few bucks.

            Jeremy Falcon

            1 Reply Last reply
            0
            • D devenv exe

              Am searching for an article to read and get to understand the core fundamentals of react. I want to get a solid understanding of react components, state, props, lifecycle methods, and how React works in general. Any recommendation? I should add that i would be using React with TypeScript.

              "Coming soon"

              J Offline
              J Offline
              Jeremy Falcon
              wrote on last edited by
              #6

              devenv.exe wrote:

              lifecycle methods

              Also, be aware that using life cycle methods are old and outdated. These days it's about using hooks. It's still worth learning though in case you either 1) run into old code or 2) want to use a class component rather than a functional one. Hooks are functional only. Here's a couple topics to look into. * State management. Learn Redux, no matter what a n00b says. Learn it. Trust me. * Learn the Context API and its history. This was made in response to n00bs not liking redux. It's pretty cool, just don't abuse as doing so is no different than a crap design using global variables everywhere. * Forget what you learned about the Context API. You'll now use hooks instead for shared state such as `useReducer`. You'll be glad you trained up on Redux for this. And you'll know the whys and backstory to what we're doing now... which will set you apart. * And for all things pure, learn about generators in JS/TS. It's not specific to React, but gee golly so many people bash JS but have no early idea about what it can do.

              Jeremy Falcon

              1 Reply Last reply
              0
              • D devenv exe

                Am searching for an article to read and get to understand the core fundamentals of react. I want to get a solid understanding of react components, state, props, lifecycle methods, and how React works in general. Any recommendation? I should add that i would be using React with TypeScript.

                "Coming soon"

                T Offline
                T Offline
                thewazz
                wrote on last edited by
                #7

                Learn React | Codecademy[^] There used to be 2 parts to this. Search | Codecademy | Codecademy[^]

                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                • Login

                • Don't have an account? Register

                • Login or register to search.
                • First post
                  Last post
                0
                • Categories
                • Recent
                • Tags
                • Popular
                • World
                • Users
                • Groups