--- title: React practices for Beginners | daily.dev description: React is arguably one of the most used Frameworks out there today. Everyday people are opting this framework for its UI first approach. It's safe to say that... canonical: https://daily.dev/posts/react-practices-for-beginners-n1llfpten twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: React practices for Beginners | daily.dev og:description: React is arguably one of the most used Frameworks out there today. Everyday people are opting this framework for its UI first approach. It's safe to say that... og:url: https://daily.dev/posts/react-practices-for-beginners-n1llfpten og:image: https://api.daily.dev/og/posts/n1LlfPtEn.png og:image:alt: React practices for Beginners 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 practices for Beginners **[DEV](https://daily.dev/sources/devto)** · 2 min read · 36 upvotes · 1 comments ## Summary React is arguably one of the most used Frameworks out there today. Everyday people are opting this framework for its UI first approach. It's safe to say that the React Library has matured over the years and the whole ecosystem is still growing. Here are some practices that you can opt and avoid while getting comfortable in the React bubble. ## 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. **@ignusg** · 3 upvotes > A lot of these are not react specific. We are at a point where developers first learn react and then get to know JavaScript (similar to how it was with jQuery). This is one thing to avoid. > > The first few points are arguably style choices (like the parentheses) and should be delegated to a linter/formatted like prettier. I don’t even bother with those, the formatted makes the style consistent across all developer levels, saves time and for everything else, the linter will yell at you if you’re doing something it cannot fix itself. > > The CSS point I did not understand at all. Not sure if this... --- Tags: [#general-programming](https://daily.dev/tags/general-programming), [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react) [View this post on daily.dev](https://daily.dev/posts/react-practices-for-beginners-n1llfpten) ```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 practices for Beginners","url":"https://daily.dev/posts/react-practices-for-beginners-n1llfpten","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/react-practices-for-beginners-n1llfpten"},"datePublished":"2021-12-10T15:37:46.254Z","dateModified":"2026-03-15T03:36:21.826Z","description":"React is arguably one of the most used Frameworks out there today. Everyday people are opting this framework for its UI first approach. It's safe to say that...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/899e8fa12894e972d7acb8b11565f93c","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/899e8fa12894e972d7acb8b11565f93c","isAccessibleForFree":true,"articleSection":"DEV","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":"DEV","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/devto","url":"https://daily.dev/sources/devto"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/react-practices-for-beginners-n1llfpten","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":36},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"general-programming,javascript,react","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"DEV","item":"https://daily.dev/sources/devto"},{"@type":"ListItem","position":3,"name":"React practices for Beginners"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/react-practices-for-beginners-n1llfpten","comment":[{"@type":"Comment","text":"A lot of these are not react specific. We are at a point where developers first learn react and then get to know JavaScript (similar to how it was with jQuery). This is one thing to avoid.\nThe first few points are arguably style choices (like the parentheses) and should be delegated to a linter/formatted like prettier. I don’t even bother with those, the formatted makes the style consistent across all developer levels, saves time and for everything else, the linter will yell at you if you’re doing something it cannot fix itself.\nThe CSS point I did not understand at all. Not sure if this list isn’t more of a breakdown of what junior developers struggle with that might seem obvious to more senior developers (use of formatters, getting to know the language itself etc.). It’s good to be aware of this.","datePublished":"2021-12-11T00:17:00.834Z","url":"https://daily.dev/posts/n1LlfPtEn#c-JUMWZJpPF","author":{"@type":"Person","name":"IgnusG","url":"https://daily.dev/ignusg","image":"https://media.daily.dev/image/upload/f_auto/v1643464938/avatars/PlPdeFARQ"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}}]} ```