<?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>DEV Community: Natti Katz</title>
    <description>The latest articles on DEV Community by Natti Katz (@katzy687).</description>
    <link>https://dev.to/katzy687</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%2F39597%2F52341714-2134-4a40-bda0-5180b6311576.jpeg</url>
      <title>DEV Community: Natti Katz</title>
      <link>https://dev.to/katzy687</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/katzy687"/>
    <language>en</language>
    <item>
      <title>My first portfolio site. Some feeback / tips?</title>
      <dc:creator>Natti Katz</dc:creator>
      <pubDate>Sun, 31 Dec 2017 02:18:51 +0000</pubDate>
      <link>https://dev.to/katzy687/my-first-portfolio-site-some-feeback--tips-26m0</link>
      <guid>https://dev.to/katzy687/my-first-portfolio-site-some-feeback--tips-26m0</guid>
      <description>&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Ftimedotcom.files.wordpress.com%2F2017%2F04%2Fscreen-shot-2017-04-14-at-12-24-17-pm.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%2Ftimedotcom.files.wordpress.com%2F2017%2F04%2Fscreen-shot-2017-04-14-at-12-24-17-pm.png" title="training on Ahch-To" alt="alt text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Like the title says, I am trying to put some finishing touches on my first portfolio site.&lt;/p&gt;

&lt;p&gt;It's quite basic so far, and I took HEAVY inspiration from &lt;br&gt;
&lt;a href="http://scotttolinski.com/" rel="noopener noreferrer"&gt;Scott Tolinski&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;What I have left to do is the project showcase section, and I wanted to try something interesting there. Checking out a ton of examples, and not really seeing anything too inspirational.&lt;/p&gt;

&lt;p&gt;Also not sure how I would structure client projects vs my personal side projects. Don't really want to split off a new page for it. I also only have worked on a couple different long term type of projects professionally and I want to include some of my side projects to pad out the section.&lt;/p&gt;

&lt;p&gt;Well, here is the link:&lt;br&gt;
&lt;a href="https://katzy687.github.io/my-web-portfolio/" rel="noopener noreferrer"&gt;https://katzy687.github.io/my-web-portfolio/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It's made with React and the super dope Gatsby generator.&lt;/p&gt;

&lt;p&gt;Any feedback, critiques, dope project showcase examples are welcome. &lt;/p&gt;

&lt;p&gt;Happy New Year!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>portfolio</category>
      <category>javascript</category>
    </item>
    <item>
      <title>`let` vs `const` and The Mental Mass of Functions</title>
      <dc:creator>Natti Katz</dc:creator>
      <pubDate>Wed, 01 Nov 2017 00:52:43 +0000</pubDate>
      <link>https://dev.to/katzy687/let-vs-const-and-the-mental-mass-of-functions-1dn</link>
      <guid>https://dev.to/katzy687/let-vs-const-and-the-mental-mass-of-functions-1dn</guid>
      <description>&lt;h3&gt;
  
  
  let is the new var?
&lt;/h3&gt;

&lt;p&gt;So this revelation of sorts was presented to me during a code review. "Why did you use &lt;code&gt;let&lt;/code&gt; here? I don't see it changing anywhere in this function?"&lt;/p&gt;

&lt;p&gt;Well you see, I began to explain, nearly every es6 tutorial I've seen declares &lt;code&gt;let&lt;/code&gt; as the new de-facto &lt;code&gt;var&lt;/code&gt; (with block scoping). Grab &lt;code&gt;let&lt;/code&gt; as your go-to variable unless you know for a fact that you don't need to re-assign it - in that case you can use &lt;code&gt;const&lt;/code&gt;. This seemed like a good approach to me, keeps my variables flexible until I choose to explicitly restrict them.&lt;/p&gt;

&lt;h3&gt;
  
  
  const first approach
&lt;/h3&gt;

&lt;p&gt;"No, no, no" he began. "You should reach for &lt;code&gt;const&lt;/code&gt; by default, and only if you intend for the variable to &lt;em&gt;change&lt;/em&gt; should you use &lt;code&gt;let&lt;/code&gt;. As soon as I see a &lt;code&gt;let&lt;/code&gt; I start to look for where it will be reassigned. If you use &lt;code&gt;const&lt;/code&gt; I can simply forget about it and have one less thing to think about."&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--xs2p5Mdq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://prodimage.images-bn.com/pimages/2940014355193_p0_v1_s550x406.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--xs2p5Mdq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://prodimage.images-bn.com/pimages/2940014355193_p0_v1_s550x406.jpg" alt="mind blown"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;This made so much sense to me that I'm kinda surprised it's not the default recommendation. This approach also fits right in with the functional/declarative approach to programming that I'm trying to adopt as it clearly states intent and minimizes distractions. It may seem like a minor change, but in more complex functions with multiple arguments and reassignments, this small change can be very helpful in reducing the cognitive load of the function.&lt;/p&gt;

&lt;p&gt;Now instead of mindlessly using &lt;code&gt;let&lt;/code&gt; 'just in case' I may want to re-assign later, I just grab &lt;code&gt;const&lt;/code&gt; by default and in the event I'd like to re-assign halfway through a function, I'll go back and change it to a &lt;code&gt;let&lt;/code&gt;. &lt;/p&gt;

&lt;p&gt;Thanks for reading my first post on &lt;strong&gt;dev.to&lt;/strong&gt;!&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>const</category>
      <category>es6</category>
      <category>declarative</category>
    </item>
  </channel>
</rss>
