{"post":{"id":"62ab31d22b2b09182b6560ee","_id":"62ab31d22b2b09182b6560ee","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655386470033/tLXsmDBLh.png","__typename":"PostCoverImage"},"slug":"how-not-to-write-clean-code-in-react","readTime":2,"replyCount":2,"responseCount":3,"brief":"Introduction\nWassup everyone, long time no see. Today we will see a few ways to not clean code in React, let's jump right into it!\n\n10 ways to not write clean code\nNot use a linter\nWho needs a linter to keep good code styles, and keep the code clean ...","subtitle":"","isFeatured":false,"contributors":[{"_id":"61e26282d546507ab0343dd2","name":"Gwenaël Magnenat","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1642230003106/LH2HSY0tZ.jpeg","username":"Gmagnenat","__typename":"User"},{"_id":"624226a5db84f8c50fa5b247","name":"Shubham Sigdar ","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648898947778/UQWw3twaZ.jpg","username":"shubhamsigdar","__typename":"User"},{"_id":"62af58ad0924134a8048a2e2","name":"@artlu99","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655658671020/2ldNTizNf.png","username":"artlu99","__typename":"User"}],"bookmarked":false,"views":1467,"url":"https://avneesh0612.hashnode.net/how-not-to-write-clean-code-in-react","totalReactions":61,"title":"How not to write clean code in React? 🧹","dateAdded":"2022-06-16T13:36:18.132Z","cuid":"cl4h2feg605dlg1nv1mnfe60g","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":"","description":"","__typename":"SEO"},"ogMetaData":{"image":"","__typename":"OpenGraphMetaData"},"author":{"_id":"60d17a4ea6a3a25dadf6267c","name":"Avneesh Agarwal","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671455484628/lniniZ4CU.jpeg","isPro":false,"username":"avneesh0612","__typename":"User","tagline":"Fullstack web3 developer"},"coAuthors":[],"series":null,"tags":[{"_id":"56744723958ef13879b95434","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513321478077/ByCWNxZMf.png","name":"React","slug":"reactjs","__typename":"Tag"},{"_id":"573504d39835efadc8742016","logo":null,"name":"clean code","slug":"clean-code","__typename":"Tag"},{"_id":"56744721958ef13879b94cad","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","name":"JavaScript","slug":"javascript","__typename":"Tag"},{"_id":"56744723958ef13879b953c1","logo":null,"name":"react js","slug":"react-js","__typename":"Tag"},{"_id":"56744722958ef13879b9504c","logo":null,"name":"code style","slug":"code-style","__typename":"Tag"}],"publication":{"_id":"60d17a93a6a3a25dadf6268d","url":"https://avneesh0612.hashnode.net","canonicalURL":"https://avneesh0612.hashnode.net","title":"Avneesh Agarwal","displayTitle":"Avneesh's blog","isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671455546139/mGNe3EEPv.jpeg","headerColor":"","metaTags":"","isTeam":false,"domainInfo":{"hashnodeSubdomain":"avneesh0612","domain":{"host":"blog.avneesh.tech","ready":true,"__typename":"DomainStatus"},"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"62af592ed8afe74aa51fd7b4","author":{"_id":"62af58ad0924134a8048a2e2","name":"@artlu99","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655658671020/2ldNTizNf.png","isPro":false,"username":"artlu99","__typename":"User"},"content":{"html":"

good tips!

\n","markdown":"good tips!","text":"good tips!\n","__typename":"Content"},"dateAdded":"2022-06-19T17:13:18.210Z","stamp":"cl4lki0sg05pgeznveox2e85v","totalReactions":2,"__typename":"Comment","replies":{"edges":[{"node":{"id":"62afddc8d8afe74aa51fe5f4","author":{"_id":"60d17a4ea6a3a25dadf6267c","name":"Avneesh Agarwal","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671455484628/lniniZ4CU.jpeg","isPro":false,"username":"avneesh0612","__typename":"User"},"content":{"html":"

Thanks!

\n","markdown":"Thanks!","text":"Thanks!\n","__typename":"Content"},"dateAdded":"2022-06-20T02:39:04.684Z","stamp":"cl4m4pm2307cgeznv5s45cagv","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"62ab3c051a89c91850b1b050","author":{"_id":"624226a5db84f8c50fa5b247","name":"Shubham Sigdar ","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648898947778/UQWw3twaZ.jpg","isPro":false,"username":"shubhamsigdar","__typename":"User"},"content":{"html":"

Thank you Avneesh Agarwal

\n","markdown":"Thank you @[Avneesh Agarwal](@avneesh0612)","text":"Thank you Avneesh Agarwal\n","__typename":"Content"},"dateAdded":"2022-06-16T14:19:49.692Z","stamp":"cl4h3zdj005cjh2nv9vme9ny4","totalReactions":0,"__typename":"Comment","replies":{"edges":[{"node":{"id":"62afddcfd8afe74aa51fe5f8","author":{"_id":"60d17a4ea6a3a25dadf6267c","name":"Avneesh Agarwal","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1671455484628/lniniZ4CU.jpeg","isPro":false,"username":"avneesh0612","__typename":"User"},"content":{"html":"

You are welcome :)

\n","markdown":"You are welcome :)","text":"You are welcome :)\n","__typename":"Content"},"dateAdded":"2022-06-20T02:39:11.489Z","stamp":"cl4m4prb507cheznv1fug1x6m","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"62bdbf3a79c4ef14aeaad1c9","author":{"_id":"61e26282d546507ab0343dd2","name":"Gwenaël Magnenat","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1642230003106/LH2HSY0tZ.jpeg","isPro":false,"username":"Gmagnenat","__typename":"User"},"content":{"html":"

Great tips!

I'll make sure to follow your advises on my code base.

\n","markdown":"Great tips!\n\nI'll make sure to follow your advises on my code base.","text":"Great tips!\nI'll make sure to follow your advises on my code base.\n","__typename":"Content"},"dateAdded":"2022-06-30T15:20:26.303Z","stamp":"cl516b8vx00oibnnv8w0j7cu5","totalReactions":0,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mw==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"624226a5db84f8c50fa5b247","name":"Shubham Sigdar ","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648898947778/UQWw3twaZ.jpg","isPro":false,"username":"shubhamsigdar","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"61e26282d546507ab0343dd2","name":"Gwenaël Magnenat","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1642230003106/LH2HSY0tZ.jpeg","isPro":false,"username":"Gmagnenat","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"62af58ad0924134a8048a2e2","name":"@artlu99","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1655658671020/2ldNTizNf.png","isPro":false,"username":"artlu99","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

How not to write clean code in React? 🧹

5 comments