The latest articles on DEV Community by Anindha Parthy (@anindha). https://dev.to/anindha https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F239271%2F455114b3-df7c-42d8-9f9a-dd1c824215a9.jpeg https://dev.to/anindha en Anindha Parthy Thu, 16 Apr 2020 06:48:03 +0000 https://dev.to/lamno/learn-gatsby-js-at-online-weekend-workshop-4ab7 https://dev.to/lamno/learn-gatsby-js-at-online-weekend-workshop-4ab7 <p>Learn to build blazing fast apps and websites with React using Gatsby, a static PWA (Progressive Web App) generator! Starting from scratch, you’ll learn to build a full blog and website app. Use GraphQL in Gatsby for storing and retrieving data and create pages and posts with markdown (MDX). Then deploy your brand new blog website to Netlify for the world to see!</p> <p><a href="https://www.eventbrite.com.au/e/learn-gatsbyjs-tickets-102760467324">https://www.eventbrite.com.au/e/learn-gatsbyjs-tickets-102760467324</a></p> gatsby javascript react webdev Anindha Parthy Mon, 24 Feb 2020 06:10:30 +0000 https://dev.to/lamno/the-slack-redux-store-2f4k https://dev.to/lamno/the-slack-redux-store-2f4k <p>The first Lamno course will teach you how to build a real Slack, and not just a toy version. As part of my research I wanted to see what the Slack Redux Store looks like. </p> <p>In order to do this, first open React Dev Tools in Chrome and select the "Client" component.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ADuN-8S9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/tfd8a7xmlr5nz0t66n6s.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ADuN-8S9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/tfd8a7xmlr5nz0t66n6s.png" alt="Select Client in React Dev Tools"></a></p> <p>Then switch to the console and enter: <code>$r.props.teamStore.getState()</code>. This prints out the Redux Store for the team.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--kRtRp4Qe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/m86thuggsuqshmpbrxk7.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--kRtRp4Qe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/m86thuggsuqshmpbrxk7.png" alt="Alt Text"></a></p> <p>If you want to take a closer look at the store you can convert store to JSON: <code>JSON.stringify($r.store.getState())</code>. Copy the string and paste in your favorite editor.</p> react redux slack javascript Anindha Parthy Wed, 18 Dec 2019 03:05:21 +0000 https://dev.to/lamno/create-react-app-with-typescript-2gjl https://dev.to/lamno/create-react-app-with-typescript-2gjl <p>To create a boilerplate React app using typescript use the following command.<br> </p> <div class="highlight"><pre class="highlight plaintext"><code>npx create-react-app myapp --template typescript </code></pre></div> react typescript