<?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: Ameen</title>
    <description>The latest articles on DEV Community by Ameen (@crafter_and_coder).</description>
    <link>https://dev.to/crafter_and_coder</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%2F379535%2F689abdc6-1101-4b98-bfbb-98b5e72f8f11.jpg</url>
      <title>DEV Community: Ameen</title>
      <link>https://dev.to/crafter_and_coder</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/crafter_and_coder"/>
    <language>en</language>
    <item>
      <title>Chasing Creativity Improving Productivity</title>
      <dc:creator>Ameen</dc:creator>
      <pubDate>Sun, 20 Jun 2021 09:22:18 +0000</pubDate>
      <link>https://dev.to/crafter_and_coder/chasing-creativity-improving-productivity-55jl</link>
      <guid>https://dev.to/crafter_and_coder/chasing-creativity-improving-productivity-55jl</guid>
      <description>&lt;h3&gt;
  
  
  Let's first define our variables:
&lt;/h3&gt;

&lt;h4&gt;
  
  
  What is creativity ?
&lt;/h4&gt;

&lt;p&gt;&lt;em&gt;Creativity is a phenomenon whereby something somehow new and somehow valuable is formed.&lt;/em&gt; &lt;/p&gt;

&lt;p&gt;&lt;em&gt;Creativity is the ability of a person or group to make something new and useful or valuable, or the process of making something new and useful or valuable. It happens in all areas of life - science, art, literature, and music.&lt;/em&gt; &lt;/p&gt;

&lt;p&gt;In short, it's your ability to invent something new that is valuable and useful to others. For example, the device you are currently reading on was the result of someone's creativity.&lt;/p&gt;

&lt;h4&gt;
  
  
  What is productivity?
&lt;/h4&gt;

&lt;p&gt;&lt;em&gt;Productivity is the efficiency of production of goods or services expressed by some measure&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;the state or quality of being **productive.&lt;/em&gt;**&lt;/p&gt;

&lt;h4&gt;
  
  
  What is &lt;strong&gt;productive&lt;/strong&gt; ?
&lt;/h4&gt;

&lt;p&gt;&lt;em&gt;producing or able to produce large amounts of goods, crops, or other commodities.&lt;/em&gt; &lt;/p&gt;

&lt;p&gt;In short, when we get some amount of work done in a given period, we call ourselves or the day &lt;em&gt;productive&lt;/em&gt;.&lt;/p&gt;

&lt;h3&gt;
  
  
  So now we understand to some extent what those variables mean, let's see how they are interrelated:
&lt;/h3&gt;

&lt;p&gt;For me, an unknown high schooler with not much stuff to do, I would want to do work where my creativity lies. &lt;/p&gt;

&lt;p&gt;Let's break this down:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;I do something that I like&lt;/li&gt;
&lt;li&gt;I do more work than an avg person on it due to interest&lt;/li&gt;
&lt;li&gt;I enjoy it &lt;/li&gt;
&lt;li&gt;It doesn't feel like work &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You might be thinking &lt;em&gt;how is this useful for me&lt;/em&gt; or &lt;em&gt;how can I implement this&lt;/em&gt;:&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;If&lt;/strong&gt; ( you already know and do what you love == True)&lt;br&gt;&lt;br&gt;
{&lt;br&gt;&lt;br&gt;
 Then you are already in the field you will be &lt;strong&gt;creative&lt;/strong&gt; in. &lt;br&gt;
&lt;br&gt;}&lt;br&gt;&lt;br&gt;
&lt;strong&gt;else&lt;/strong&gt;{&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;It's okay and is the case with most people&lt;/li&gt;
&lt;li&gt;To find out what you like, you need to learn &lt;/li&gt;
&lt;li&gt;Spend an hour a day learning a new skill&lt;/li&gt;
&lt;li&gt;Knowledge doesn't go to waste&lt;/li&gt;
&lt;li&gt;After a month or two, if you don't like the skill; you can learn a new one&lt;/li&gt;
&lt;li&gt;Eventually, you will come across something you enjoy &lt;/li&gt;
&lt;li&gt;Look for ways you can earn from the particular skill&lt;/li&gt;
&lt;li&gt;Make it one of your powerful tools&lt;/li&gt;
&lt;li&gt;Congrats, you are the special one, the rare person that knows what they like and would like to do.

&lt;ul&gt;
&lt;li&gt;See ways to implement it in your life :)&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;}&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Just a side-note: having and earning from something you like &amp;gt; boring job you don't like&lt;/strong&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Why is this important?
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;When you do what you love you do it better than the one that doesn't love it.&lt;/li&gt;
&lt;li&gt;You are creative, find new solutions and better ways to do things.&lt;/li&gt;
&lt;li&gt;You work better than an avg person in that field and earn good salaries as well&lt;/li&gt;
&lt;li&gt;You are interested and content with what you do&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  The fear and results:
&lt;/h3&gt;

&lt;p&gt;Beginning learning something new can be scary. With time you will get the hang of it. Results compound over time. Going to the gym for one day doesn't make you fit. Going to the gym every day will make you fit and healthy. You need to be consistent and do it. &lt;/p&gt;

&lt;p&gt;&lt;em&gt;It's easy for you to say and hard to implement&lt;/em&gt; - I never claimed it's easy. If it were that easy, everyone in the world would be doing what they had loved.&lt;/p&gt;

&lt;p&gt;For me posting this blog is something I fear. I don't know how you(the person reading) will react but then I have decided to take risks and learn. In my case, that's publishing this blog. For you, it might be spending your time and money on learning a new skill.&lt;/p&gt;

&lt;h3&gt;
  
  
  Now why you should listen to a high schooler:
&lt;/h3&gt;

&lt;p&gt;For the past few months, I have been trying to understand the purpose of life, what do we do, etc.&lt;br&gt;
I began asking the question &lt;em&gt;What can I change&lt;/em&gt; and I am still searching for the answer.  My time management skills suck. I had gone through a bunch of resources on productivity, and creativity to improve my time management skills. And I realized how the two are closely related. I decided to share it with the world :)&lt;/p&gt;

&lt;p&gt;I decided to bring a few changes in my life to be more productive and creative:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;to blog more consistently as it would be a better way to gather my thoughts, check how much I have learned something, or share what I think is useful.&lt;/li&gt;
&lt;li&gt;to be more active on socials and post more content &lt;/li&gt;
&lt;li&gt;new things and get better at what I already know&lt;/li&gt;
&lt;li&gt;to become more healthy by exercising more often&lt;/li&gt;
&lt;li&gt;to read more books &lt;/li&gt;
&lt;li&gt;work on side projects and practice more&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;I usually blog about front end development, vscode, and different projects I do; if this is something that interests you, you can follow me here and on &lt;a href="https://twitter.com/crafter_coder"&gt;Twitter&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>productivity</category>
      <category>creativity</category>
      <category>passion</category>
      <category>hobby</category>
    </item>
    <item>
      <title>3 reasons you should try Svelte</title>
      <dc:creator>Ameen</dc:creator>
      <pubDate>Sat, 26 Sep 2020 05:34:23 +0000</pubDate>
      <link>https://dev.to/crafter_and_coder/3-reasons-you-should-try-svelte-3nd6</link>
      <guid>https://dev.to/crafter_and_coder/3-reasons-you-should-try-svelte-3nd6</guid>
      <description>&lt;h4&gt;
  
  
  &lt;strong&gt;Svelte&lt;/strong&gt; a new contender to the war of &lt;strong&gt;JavaScript frameworks&lt;/strong&gt;. It might not be as mature as other frameworks like &lt;strong&gt;React&lt;/strong&gt; and &lt;strong&gt;Vue&lt;/strong&gt;, but here are three reasons you should try &lt;strong&gt;Svelte&lt;/strong&gt;:
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;The learning curve is pretty small&lt;/li&gt;
&lt;li&gt;It requires less amount of lines &amp;amp; has easy state management.&lt;/li&gt;
&lt;li&gt;It is not a normal framework.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  1 . Learning curve is pretty small
&lt;/h3&gt;

&lt;p&gt;If you know &lt;strong&gt;HTML&lt;/strong&gt; ,&lt;strong&gt;CSS&lt;/strong&gt; &amp;amp; &lt;strong&gt;Javascript&lt;/strong&gt;, learning &lt;strong&gt;Svelte&lt;/strong&gt; is going to be a breeze. Like &lt;strong&gt;Vue&lt;/strong&gt;, &lt;strong&gt;Svelte&lt;/strong&gt; templates are a superset of &lt;strong&gt;HTML&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;A  simple &lt;strong&gt;svelte&lt;/strong&gt; example :&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%2Fcdn.discordapp.com%2Fattachments%2F594557132633014272%2F758130760699609088%2FScreenshot_20200923-0355582.jpeg" 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%2Fcdn.discordapp.com%2Fattachments%2F594557132633014272%2F758130760699609088%2FScreenshot_20200923-0355582.jpeg" alt="img"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In first glance everything looks like &lt;strong&gt;HTML&lt;/strong&gt; but it is &lt;strong&gt;Svelte&lt;/strong&gt;. The &lt;strong&gt;{}&lt;/strong&gt; are usually used to insert &lt;strong&gt;Javascript&lt;/strong&gt; in &lt;strong&gt;HTML&lt;/strong&gt;.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Svelte&lt;/strong&gt; is  &lt;strong&gt;HTML ,CSS ,Javascript&lt;/strong&gt; with many cool add-ons.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;If you know only &lt;strong&gt;HTML ,CSS ,Javascript&lt;/strong&gt; than give &lt;strong&gt;Svelte&lt;/strong&gt; a try. Later &lt;strong&gt;transitioning&lt;/strong&gt; to other frameworks will be easy too.&lt;/p&gt;

&lt;h3&gt;
  
  
  2 . It requires less amount of lines &amp;amp; has easy state management.
&lt;/h3&gt;

&lt;p&gt;Let's take an example of a simple counter with &lt;strong&gt;React&lt;/strong&gt; &amp;amp; &lt;strong&gt;Svelte&lt;/strong&gt; &lt;/p&gt;

&lt;h6&gt;
  
  
  React :
&lt;/h6&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;class Timer extends React.Component {
  constructor(props) {
    super(props);
    this.state = { seconds: 0 };
  }

  tick() {
    this.setState(state =&amp;gt; ({
      seconds: state.seconds + 1
    }));
  }
  componentDidMount() {
    this.interval = setInterval(() =&amp;gt; this.tick(), 1000);
  }

  componentWillUnmount() {
    clearInterval(this.interval);
  }

  render() {
    return (
      &amp;lt;div&amp;gt;
        Seconds: {this.state.seconds}
      &amp;lt;/div&amp;gt;
    );
  }
}

ReactDOM.render(
  &amp;lt;Timer /&amp;gt;,
  document.getElementById('timer-example')
);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h6&gt;
  
  
  Svelte :
&lt;/h6&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;script&amp;gt;
  let seconds = 0;
  setInterval(() =&amp;gt; seconds += 1, 1000);
&amp;lt;/script&amp;gt;

Seconds: {seconds}

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;React: 33 lines , &lt;br&gt;
Svelte: 6 lines&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;As seen from above :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Svelte&lt;/strong&gt; does greater things in  few lines of code.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Svelte&lt;/strong&gt; 's state management is really simple.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  3 . It isn't a &lt;strong&gt;normal&lt;/strong&gt; framework..
&lt;/h3&gt;

&lt;p&gt;Svelte is pretty different from other frameworks. Svelte &lt;strong&gt;compiles&lt;/strong&gt; you code into &lt;strong&gt;vanilla javascript&lt;/strong&gt;. Thus the build size of Svelte apps is small. Svelte deserves its reputation because of its speed and developer experience.&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion :
&lt;/h3&gt;

&lt;h5&gt;
  
  
  Svelte doesn't have a large community like &lt;strong&gt;Vue&lt;/strong&gt; nor is being backed  by any major company like &lt;strong&gt;Angular&lt;/strong&gt; &amp;amp; &lt;strong&gt;React&lt;/strong&gt;. Svelte is growing constantly but it still is pretty young and new in the market. I had suggested using it for personal projects rather than for job hunting etc.
&lt;/h5&gt;

&lt;h3&gt;
  
  
  Resources
&lt;/h3&gt;

&lt;h6&gt;
  
  
  Some cool resources you should definitely check out.
&lt;/h6&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://svelte.dev/" rel="noopener noreferrer"&gt;Official Svelte Site&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;
&lt;a href="https://youtu.be/qqt6YxAZoOc" rel="noopener noreferrer"&gt;Introduction to Svelte&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;
&lt;a href="https://youtu.be/AdNJ3fydeao" rel="noopener noreferrer"&gt;How Svelte is truely Reactive&lt;/a&gt; &lt;/li&gt;
&lt;li&gt;&lt;a href="https://youtu.be/DZyWNS4fVE0" rel="noopener noreferrer"&gt;Svelte vs React vs Angular vs Vue&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>svelte</category>
      <category>webdev</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
