<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Shamaz saeed</title>
    <description>The latest articles on Forem by Shamaz saeed (@shamaz332).</description>
    <link>https://forem.com/shamaz332</link>
    <image>
      <url>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%2F369696%2Fe4e4682e-f12c-4592-80a2-2cea2dd3076a.jpeg</url>
      <title>Forem: Shamaz saeed</title>
      <link>https://forem.com/shamaz332</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/shamaz332"/>
    <language>en</language>
    <item>
      <title>Tricks to write less JavaScript Code</title>
      <dc:creator>Shamaz saeed</dc:creator>
      <pubDate>Fri, 27 May 2022 16:12:40 +0000</pubDate>
      <link>https://forem.com/shamaz332/tricks-to-write-less-javascript-code-5gj8</link>
      <guid>https://forem.com/shamaz332/tricks-to-write-less-javascript-code-5gj8</guid>
      <description>&lt;p&gt;If you’re new to javascript or always looking to improve your skills, consider writing short-hand javascript when appropriate.&lt;br&gt;
Here I will give you some javascript tricks to write less and optimized code&lt;/p&gt;

&lt;h2&gt;
  
  
  Declaring Variables
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--mL10O_Pi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/le9z0ea1hqtar69jss4b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--mL10O_Pi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/le9z0ea1hqtar69jss4b.png" alt="Image description" width="880" height="503"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Assignment Operator
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Je7MGYE8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/un9lj272ccng1q4uqb9m.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Je7MGYE8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/un9lj272ccng1q4uqb9m.png" alt="Image description" width="880" height="503"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Ternary Operator
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Cl4jC9IX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y72ci4jv50w79syn79q1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Cl4jC9IX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y72ci4jv50w79syn79q1.png" alt="Image description" width="880" height="726"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Arrow Function
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--YMsaCPuE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4dhurykanivc1d290i7i.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YMsaCPuE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4dhurykanivc1d290i7i.png" alt="Image description" width="880" height="726"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Object with same Keys and Values
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--iEii89vK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xq86rhmhh8rbw4htpgam.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--iEii89vK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xq86rhmhh8rbw4htpgam.png" alt="Image description" width="880" height="662"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you have others tricks do share. I would love to add them into this post.&lt;/p&gt;

&lt;p&gt;Like this post and follow me&lt;/p&gt;

&lt;p&gt;Thanks&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>react</category>
      <category>jamstack</category>
    </item>
    <item>
      <title>Text translation application</title>
      <dc:creator>Shamaz saeed</dc:creator>
      <pubDate>Thu, 28 Oct 2021 14:21:54 +0000</pubDate>
      <link>https://forem.com/shamaz332/text-translation-application-3lm9</link>
      <guid>https://forem.com/shamaz332/text-translation-application-3lm9</guid>
      <description>&lt;p&gt;I have created a text translation application . It supports 16 languages this time. Have a look on it . I have used Gatsby while developing this application. Please have a look my article in medium i will appreciate your feedback.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://shamazsaeed.medium.com/text-translation-application-in-gatsbyjs-d92065fd3fea"&gt;&lt;/a&gt;&lt;a href="https://shamazsaeed.medium.com/text-translation-application-in-gatsbyjs-d92065fd3fea"&gt;https://shamazsaeed.medium.com/text-translation-application-in-gatsbyjs-d92065fd3fea&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>programming</category>
      <category>react</category>
      <category>gatsby</category>
    </item>
    <item>
      <title>Amazon pinpoint</title>
      <dc:creator>Shamaz saeed</dc:creator>
      <pubDate>Sun, 14 Feb 2021 19:21:32 +0000</pubDate>
      <link>https://forem.com/shamaz332/amazon-pinpoint-4d3j</link>
      <guid>https://forem.com/shamaz332/amazon-pinpoint-4d3j</guid>
      <description>&lt;p&gt;Amazon Pinpoint is a flexible and awesome commercial communications service. You can connect with customers via channels such as email, SMS, Push, or voice. Amazon Pinpoint is easy to set up, easy to use, and flexible in all marketing communications situations. Divide your campaign audience into the right customer and personalize your messages with the right content. Delivery and campaign metrics on Amazon Pinpoint measure your communication success. Amazon Pinpoint can grow with you and scales around the world up to millions of messages per day on channels.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;h2&gt;Why Amazon Pinpoint&lt;/h2&gt;&lt;/strong&gt;&lt;br&gt;
You can connect with customers over channels like email, SMS, push, or voice. Amazon Pinpoint is easy to set up, easy to use and is flexible for all marketing communication scenarios. Amazon Pinpoint can grow with you and scales globally to billions of messages per day across channels.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;&lt;h2&gt;Links to Explore&lt;/h2&gt;&lt;/strong&gt;&lt;br&gt;
&lt;a href="https://aws.amazon.com/pinpoint/"&gt;AWS Pinpoint&lt;/a&gt;&lt;br&gt;
&lt;a href="https://docs.aws.amazon.com/pinpoint/latest/apireference/welcome.html"&gt;AWS Pinpoint API reference&lt;/a&gt;&lt;/p&gt;

</description>
      <category>aws</category>
      <category>typescript</category>
      <category>javascript</category>
      <category>serverless</category>
    </item>
    <item>
      <title>Start using TypeScript in React Projects</title>
      <dc:creator>Shamaz saeed</dc:creator>
      <pubDate>Fri, 08 Jan 2021 16:10:16 +0000</pubDate>
      <link>https://forem.com/shamaz332/start-using-typescript-in-react-projects-464k</link>
      <guid>https://forem.com/shamaz332/start-using-typescript-in-react-projects-464k</guid>
      <description>&lt;p&gt;&lt;b&gt;&lt;h2&gt;What is TypeScript?&lt;/h2&gt;&lt;/b&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Superset of JavaScript developed by Micrpsoft.&lt;/li&gt;
&lt;li&gt;Compiles to plain JavaScript.&lt;/li&gt;

  &lt;li&gt;Easily integrated into JavaScript projects.&lt;/li&gt;

&lt;li&gt;Designed for development of large scale applications.
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;b&gt;&lt;h2&gt;Static Type Checking&lt;/h2&gt;&lt;/b&gt;&lt;br&gt;
With typescript, we can check and assign variables, parameters, and function types.&lt;/p&gt;

&lt;p&gt;&lt;b&gt;&lt;h2&gt;TypeScript Types&lt;/h2&gt;&lt;/b&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;String&lt;/li&gt;
&lt;li&gt;Number&lt;/li&gt;
&lt;li&gt;Boolean&lt;/li&gt;
&lt;li&gt;Array&lt;/li&gt;
&lt;li&gt;Any&lt;/li&gt;
&lt;li&gt;Null&lt;/li&gt;
&lt;li&gt;void&lt;/li&gt;
&lt;li&gt;Tuple&lt;/li&gt;
&lt;li&gt;Enum&lt;/li&gt;
&lt;li&gt;Generics&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;b&gt;&lt;h2&gt;Get Start using TypeScript with reactjs&lt;/h2&gt;&lt;/b&gt;To initialize project with boiler plate run this command &lt;br&gt;
npx create-react-app my-app --template typescript&lt;br&gt;
&lt;b&gt;&lt;h3&gt;&lt;b&gt;With Props&lt;/b&gt;&lt;/h3&gt;&lt;/b&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fhsf49whovsxrh8ovb0c6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fhsf49whovsxrh8ovb0c6.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ffl46xagk9l4oki0lrwom.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ffl46xagk9l4oki0lrwom.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;b&gt;React.FC&lt;/b&gt;:React.FC show the Text component is functional component.&lt;/li&gt;
&lt;li&gt;
&lt;b&gt;interface Props&lt;/b&gt;:We are defining types there.We can also pass object(Details) to our Props&lt;/li&gt;
&lt;li&gt;
&lt;b&gt;App.tsx&lt;/b&gt;:We are passing everything in Text component.Missing anything will generate error&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;b&gt;&lt;h3&gt;&lt;b&gt;With hooks&lt;/b&gt;&lt;/h3&gt;&lt;/b&gt;&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fd4fhiksgkkvpe83luw4n.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fd4fhiksgkkvpe83luw4n.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;


&lt;h1&gt;&lt;b&gt;So this was the small intro to use TypeScript with react.

&lt;/b&gt;&lt;/h1&gt;
&lt;p&gt;Follow me on Github &lt;a href="https://github.com/shamaz332" rel="noopener noreferrer"&gt;Shamaz Saeed&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>webdev</category>
      <category>react</category>
      <category>typescript</category>
    </item>
    <item>
      <title>Why Should We Use TypeScript</title>
      <dc:creator>Shamaz saeed</dc:creator>
      <pubDate>Fri, 11 Dec 2020 05:30:21 +0000</pubDate>
      <link>https://forem.com/shamaz332/why-should-we-use-typescript-749</link>
      <guid>https://forem.com/shamaz332/why-should-we-use-typescript-749</guid>
      <description>&lt;li&gt;Typescript makes code easier to read and understand&lt;/li&gt;
&lt;li&gt;Typescript has ability to add static types to Javascript code&lt;/li&gt;
&lt;li&gt;Typescript is open source&lt;/li&gt;
&lt;li&gt;Typescript simplifies Javascript code&lt;/li&gt;
&lt;li&gt;Typescript is Javascript with additinal features&lt;/li&gt;
&lt;li&gt;Typescript support ES5 and ES6&lt;/li&gt;
&lt;li&gt;Typescript do Compile-Time checking&lt;/li&gt;
&lt;li&gt;Typescript helper classes are available to reduces code&lt;/li&gt;
&lt;li&gt;Typescript code is more readable as compared to Javascript&lt;/li&gt;
&lt;li&gt;Typescript provide compiler that convert Javascript code to TS&lt;/li&gt;
&lt;li&gt;Typescript reduces bugs like null handling,undefined etc&lt;/li&gt;

&lt;p&gt;This is my first post on dev. Follow me for more content.&lt;/p&gt;

</description>
      <category>typescript</category>
      <category>react</category>
      <category>javascript</category>
      <category>webdev</category>
    </item>
  </channel>
</rss>
