--- title: React.js Deep Dive as a beginner | daily.dev description: React is an Open Source project created by Facebook. It is one of the most popular JavaScript library with over 187k stars on GitHub. It's used to build user... canonical: https://daily.dev/posts/react-js-deep-dive-as-a-beginner-8r1oz1wsz twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: React.js Deep Dive as a beginner | daily.dev og:description: React is an Open Source project created by Facebook. It is one of the most popular JavaScript library with over 187k stars on GitHub. It's used to build user... og:url: https://daily.dev/posts/react-js-deep-dive-as-a-beginner-8r1oz1wsz og:image: https://api.daily.dev/og/posts/8R1oZ1wSZ.png og:image:alt: React.js Deep Dive as a beginner og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # React.js Deep Dive as a beginner **[Hashnode](https://daily.dev/sources/hashnode)** · 8 min read · 80 upvotes · 5 comments ## Summary React is an Open Source project created by Facebook. It is one of the most popular JavaScript library with over 187k stars on GitHub. It's used to build user interfaces on the font end. Let's see why you should use react over vanilla JavaScript or any other library/frameworks. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@kkurko** · 1 upvotes > Really cool article for beginners. > > And for those who wants to keep diving deeper into Reconciliation and other React stuff I recommend [this video](https://youtu.be/ZCuYPiUIONs) - this a recording from React Conf 2017 where Lin Clark (she is working for Netflix and she is awesome at cartoon-like explanations) explains React Fiber and new Reconciliation algorithm **@stupidchicken** · 0 upvotes > Very detailed explanation of React that you cannot find in online tutorials. I finally understand how React is different from vanilla JS. **@abc0xmattyic333** · 0 upvotes > Thanks for making this available❗️ Helpful❗️ **@sham2610** · 0 upvotes > Its Superbbbbb **@akacharava** · 0 upvotes > The article does go in depth into React itself. However, I don't agree that you should use React over vanilla JS in all situations because JS should only add functionality to your webapp, not adding more HTML as shown in one of the earlier examples. > > React is really good for creating web interfaces and single page applications with reusable components. But, I don't think React should be a replacement for vanilla JS in all use cases. --- Tags: [#react](https://daily.dev/tags/react) [View this post on daily.dev](https://daily.dev/posts/react-js-deep-dive-as-a-beginner-8r1oz1wsz) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"React.js Deep Dive as a beginner","url":"https://daily.dev/posts/react-js-deep-dive-as-a-beginner-8r1oz1wsz","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/react-js-deep-dive-as-a-beginner-8r1oz1wsz"},"datePublished":"2022-05-05T20:37:00.414Z","dateModified":"2022-05-05T20:37:00.414Z","description":"React is an Open Source project created by Facebook. It is one of the most popular JavaScript library with over 187k stars on GitHub. It's used to build user...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/a728172610af2ed7aee53c185fcaf385","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/a728172610af2ed7aee53c185fcaf385","isAccessibleForFree":true,"articleSection":"Hashnode","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Hashnode","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/4a287b2e7cb5499bae863f8e7137cdb4","url":"https://daily.dev/sources/hashnode"},"commentCount":5,"discussionUrl":"https://daily.dev/posts/react-js-deep-dive-as-a-beginner-8r1oz1wsz","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":80},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":5}],"keywords":"react","timeRequired":"PT8M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Hashnode","item":"https://daily.dev/sources/hashnode"},{"@type":"ListItem","position":3,"name":"React.js Deep Dive as a beginner"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/react-js-deep-dive-as-a-beginner-8r1oz1wsz","comment":[{"@type":"Comment","text":"Really cool article for beginners.\nAnd for those who wants to keep diving deeper into Reconciliation and other React stuff I recommend this video - this a recording from React Conf 2017 where Lin Clark (she is working for Netflix and she is awesome at cartoon-like explanations) explains React Fiber and new Reconciliation algorithm","datePublished":"2022-05-15T10:11:22.658Z","url":"https://daily.dev/posts/8R1oZ1wSZ#c-L2An6uBXA","author":{"@type":"Person","name":"Kirill Kurko","url":"https://daily.dev/kkurko","image":"https://avatars.githubusercontent.com/u/58859242?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Very detailed explanation of React that you cannot find in online tutorials. I finally understand how React is different from vanilla JS.","datePublished":"2022-05-06T03:28:15.520Z","url":"https://daily.dev/posts/8R1oZ1wSZ#c-BzbiEHV7z","author":{"@type":"Person","name":"Nathan","url":"https://daily.dev/stupidchicken","image":"https://lh3.googleusercontent.com/a-/AOh14GhJsjqxhe1xQu-gOEtqYP2o5Niy3QT4XxHyBMSz=s100"}},{"@type":"Comment","text":"Thanks for making this available❗️ Helpful❗️","datePublished":"2022-05-05T21:11:46.524Z","url":"https://daily.dev/posts/8R1oZ1wSZ#c-hArM-UeMg","author":{"@type":"Person","name":"abc0xmattyic333","url":"https://daily.dev/abc0xmattyic333","image":"https://media.daily.dev/image/upload/s---OwTbsa0--/f_auto,q_auto/v1698668168/avatars/avatar_ccWAKta6mhwxauKCc1R85"}},{"@type":"Comment","text":"Its Superbbbbb","datePublished":"2022-05-06T09:06:16.308Z","url":"https://daily.dev/posts/8R1oZ1wSZ#c-rZhl20HwE","author":{"@type":"Person","name":"Shamuddin","url":"https://daily.dev/sham2610","image":"https://lh3.googleusercontent.com/a-/AOh14GhPYLySjqCNM-aU1anhHXhAg0_-VnePPiI8S5485g=s100"}},{"@type":"Comment","text":"The article does go in depth into React itself. However, I don’t agree that you should use React over vanilla JS in all situations because JS should only add functionality to your webapp, not adding more HTML as shown in one of the earlier examples.\nReact is really good for creating web interfaces and single page applications with reusable components. But, I don’t think React should be a replacement for vanilla JS in all use cases.","datePublished":"2022-05-17T09:45:50.375Z","url":"https://daily.dev/posts/8R1oZ1wSZ#c-QPjFGhZbR","author":{"@type":"Person","name":"Alexander Kacharava","url":"https://daily.dev/akacharava","image":"https://avatars.githubusercontent.com/u/41149473?v=4"}}]} ```