--- title: React Fundamentals: Styling And Handling Forms | daily.dev description: This is the 6th article of the series My Review of Kent C. Dodds's EpicReact.Dev. In this article, you will learn about how to do styling in React. You will... canonical: https://daily.dev/posts/react-fundamentals-styling-and-handling-forms-ybqykkk8 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: React Fundamentals: Styling And Handling Forms | daily.dev og:description: This is the 6th article of the series My Review of Kent C. Dodds's EpicReact.Dev. In this article, you will learn about how to do styling in React. You will... og:url: https://daily.dev/posts/react-fundamentals-styling-and-handling-forms-ybqykkk8 og:image: https://api.daily.dev/og/posts/yBQyKKk8-.png og:image:alt: React Fundamentals: Styling And Handling Forms 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 Fundamentals: Styling And Handling Forms **[Hashnode](https://daily.dev/sources/hashnode)** · [@pbteja1998](https://daily.dev/pbteja1998) · 4 min read · 10 upvotes · 1 comments ## Summary This is the 6th article of the series My Review of Kent C. Dodds's EpicReact.Dev. In this article, you will learn about how to do styling in React. You will also learn how to handle forms in React using event.target and refs. ## 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. **@angel877898** · 2 upvotes > Amazing explanation about forms in React! ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#react](https://daily.dev/tags/react) [View this post on daily.dev](https://daily.dev/posts/react-fundamentals-styling-and-handling-forms-ybqykkk8) ```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 Fundamentals: Styling And Handling Forms","url":"https://daily.dev/posts/react-fundamentals-styling-and-handling-forms-ybqykkk8","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/react-fundamentals-styling-and-handling-forms-ybqykkk8"},"datePublished":"2020-10-22T07:17:22.187Z","dateModified":"2021-10-07T14:17:10.317Z","description":"This is the 6th article of the series My Review of Kent C. Dodds's EpicReact.Dev. In this article, you will learn about how to do styling in React. You will...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/75a4c364f8608c01a565336ddaca8a7f","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/75a4c364f8608c01a565336ddaca8a7f","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":"Person","name":"Bhanu Teja P","url":"https://daily.dev/pbteja1998","image":"https://lh4.googleusercontent.com/-EYT2DHwxAS4/AAAAAAAAAAI/AAAAAAAAAAA/AMZuucl6I_iLATDghcZ1LCRu4hohyWTKSQ/s100/photo.jpg","description":"Full-Stack Developer & Entrepreneur. Building Coderplex.in","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":370}},"commentCount":1,"discussionUrl":"https://daily.dev/posts/react-fundamentals-styling-and-handling-forms-ybqykkk8","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":10},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"react","timeRequired":"PT4M"} {"@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 Fundamentals: Styling And Handling Forms"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/react-fundamentals-styling-and-handling-forms-ybqykkk8","comment":[{"@type":"Comment","text":"Amazing explanation about forms in React!","datePublished":"2020-10-22T13:44:59.510Z","url":"https://daily.dev/posts/yBQyKKk8-#c-tJFz-alIT","author":{"@type":"Person","name":"Angel Hernandez","url":"https://daily.dev/angel877898","image":"https://avatars1.githubusercontent.com/u/50708206?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}]} ```