<?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: Sparkdex</title>
    <description>The latest articles on DEV Community by Sparkdex (@sparkedx).</description>
    <link>https://dev.to/sparkedx</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%2F130676%2Fa612ad47-2c4c-42f6-ae62-18f2491c7011.jpg</url>
      <title>DEV Community: Sparkdex</title>
      <link>https://dev.to/sparkedx</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/sparkedx"/>
    <language>en</language>
    <item>
      <title>ZSH Aliases Collection</title>
      <dc:creator>Sparkdex</dc:creator>
      <pubDate>Wed, 19 Feb 2020 13:46:29 +0000</pubDate>
      <link>https://dev.to/sparkedx/zsh-aliases-collection-3l9b</link>
      <guid>https://dev.to/sparkedx/zsh-aliases-collection-3l9b</guid>
      <description>&lt;p&gt;Everyone has their own aliases and set them according to their preferences.&lt;br&gt;
Here I've tried to make a big collection and will update it on a regular basis. Aliases related to Docker etc are yet to be added.&lt;/p&gt;

&lt;p&gt;Here are the various aliases that I use on a regular basis. Some of them are my own and others are collected from somewhere else.&lt;/p&gt;

&lt;p&gt;It's a pretty big collection, some might not have any explanation tho.&lt;/p&gt;

&lt;h3&gt;
  
  
  1. Installation Related.
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;
&lt;span class="c"&gt;# Aliases for Installation&lt;/span&gt;
&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;

&lt;span class="nb"&gt;alias install&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"sudo apt-fast install"&lt;/span&gt;           &lt;span class="c"&gt;#apt-get wrapper for better performance.&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;upgrade&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'sudo apt-fast upgrade'&lt;/span&gt;           &lt;span class="c"&gt;#sudo apt-get upgrade&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;update&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'sudo apt-fast update'&lt;/span&gt;             &lt;span class="c"&gt;#sudo apt-get update&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;remove&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"sudo apt remove"&lt;/span&gt;  
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;purge&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"sudo apt purge"&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;autoremove&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"sudo apt autoremove"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  2. Youtube-dl and Music
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;
&lt;span class="c"&gt;# Aliases for youtube-dl and related music apps.&lt;/span&gt;
&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;


&lt;span class="c"&gt;# Youtube-dl or Music&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;mp3&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"youtube-dl --ignore-errors --format bestaudio --extract-audio --audio-format mp3 --audio-quality 160K --embed-thumbnail --add-metadata --output '%(autonumber)s-%(title)s.%(ext)s'"&lt;/span&gt;          &lt;span class="c"&gt;#youtube-dl for single song. Adds Metadata and Thumbnail plus highest quality.&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;playlist&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"youtube-dl --ignore-errors --format bestaudio --extract-audio --audio-format mp3 --audio-quality 160K --yes-playlist --add-metadata --embed-thumbnail --output '%(autonumber)s-%(title)s.%(ext)s'"&lt;/span&gt;  &lt;span class="c"&gt;#youtube-dl for playlist. Adds Metadata and Thumbnail plus highest quality.&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;play&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"playx"&lt;/span&gt;                            &lt;span class="c"&gt;# Playx utility, can play any song.&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;mc&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"mcop"&lt;/span&gt;                               &lt;span class="c"&gt;#MCOP- Terminal based player.&lt;/span&gt;

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

&lt;/div&gt;



&lt;h3&gt;
  
  
  3. Git Related.
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;
&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;
&lt;span class="c"&gt;# Aliases for Git.&lt;/span&gt;
&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;

&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;g&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'git'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;amend&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"git commit --amend --no-edit"&lt;/span&gt;      &lt;span class="c"&gt;#Commit changes onto previous commit.&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;changelog&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'gitmoji-changelog'&lt;/span&gt;             &lt;span class="c"&gt;#Using gitmoji-changelog generator.&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;commit&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s1"&gt;'gitmoji -c'&lt;/span&gt;                      &lt;span class="c"&gt;#Gitmoji commit standard.                         &lt;/span&gt;

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

&lt;/div&gt;



&lt;h3&gt;
  
  
  4. General Ones.
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;
&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;
&lt;span class="c"&gt;# Aliases for general stuff.&lt;/span&gt;
&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;

&lt;span class="nb"&gt;alias ls&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'ls -G'&lt;/span&gt;                              &lt;span class="c"&gt;# colorize `ls` output&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;zshreload&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'source ~/.zshrc'&lt;/span&gt;             &lt;span class="c"&gt;# reload ZSH&lt;/span&gt;
&lt;span class="nb"&gt;alias grep&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'grep --color=auto'&lt;/span&gt;                &lt;span class="c"&gt;# colorize `grep` output&lt;/span&gt;
&lt;span class="nb"&gt;alias&lt;/span&gt; ..&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'cd ..'&lt;/span&gt;
&lt;span class="nb"&gt;alias&lt;/span&gt; ...&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'cd ../..'&lt;/span&gt;
&lt;span class="nb"&gt;alias&lt;/span&gt; ....&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'cd ../../..'&lt;/span&gt;
&lt;span class="nb"&gt;alias rm&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'rm -i'&lt;/span&gt;                              &lt;span class="c"&gt;# confirm removal&lt;/span&gt;
&lt;span class="nb"&gt;alias cp&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'cp -i'&lt;/span&gt;                              &lt;span class="c"&gt;# confirm copy&lt;/span&gt;
&lt;span class="nb"&gt;alias mv&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'mv -i'&lt;/span&gt;                              &lt;span class="c"&gt;# confirm move&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;cal&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'gcal --starting-day=1'&lt;/span&gt;             &lt;span class="c"&gt;# print simple calendar for current month&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;weather&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'curl v2.wttr.in'&lt;/span&gt;               &lt;span class="c"&gt;# print weather for current location (https://github.com/chubin/wttr.in)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  5. Npm, Pnpm and Yarn.
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;
&lt;span class="c"&gt;# Aliases for PNPM, NPM and YARN&lt;/span&gt;
&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ni&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'npm install'&lt;/span&gt; 
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;pi&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'pnpm install'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;yi&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'yarn'&lt;/span&gt;                               &lt;span class="c"&gt;#Same thing as yarn install.&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;rmodule&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'rm -rf node_modules .yarn'&lt;/span&gt;     &lt;span class="c"&gt;#removes node_modules folder for npm and pnpm. and .yarn for yarn.&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Aliases below are picked and collected from different places.
&lt;/h2&gt;

&lt;h3&gt;
  
  
  5. Github CLI
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;
&lt;span class="c"&gt;# Aliases for new GITHUB CLI.&lt;/span&gt;
&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghh&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'gh help'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghi&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'gh issue'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghic&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'gh issue create'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghil&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'gh issue list'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghis&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'gh issue status'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghiv&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'gh issue view'&lt;/span&gt;

&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghp&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'gh pr'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghpc&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'ghp create'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghpck&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'ghp checkout'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghpl&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'ghp list'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghps&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'ghp status'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghpv&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'ghp view'&lt;/span&gt;

&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;ghv&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'gh --version'&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h3&gt;
  
  
  6. Randoms
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;
&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;
&lt;span class="c"&gt;# Aliases for random stuff.&lt;/span&gt;
&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;rimraf&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'rm -rf'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;flushdns&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'sudo killall -HUP mDNSResponder'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;listen&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"lsof -P -i -n"&lt;/span&gt; &lt;span class="c"&gt;#Show which applications are connecting to the network.&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;showport&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'netstat -tulanp'&lt;/span&gt; &lt;span class="c"&gt;#Show the active ports.&lt;/span&gt;


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

&lt;/div&gt;



&lt;h3&gt;
  
  
  7. KDE related.
&lt;/h3&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;
&lt;span class="c"&gt;# Useful in KDE.&lt;/span&gt;
&lt;span class="c"&gt;#-------------------------------------------------------------&lt;/span&gt;


&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;kde_restart&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s1"&gt;'kquitapp5 plasmashell &amp;amp;&amp;amp; kstart plasmashell'&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;plasma_reset&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;" cd ~/.config &amp;amp;&amp;amp; for j in plasma*; do mv -- "&lt;/span&gt;&lt;span class="nv"&gt;$j&lt;/span&gt;&lt;span class="s2"&gt;" "&lt;/span&gt;&lt;span class="k"&gt;${&lt;/span&gt;&lt;span class="nv"&gt;j&lt;/span&gt;&lt;span class="p"&gt;%&lt;/span&gt;&lt;span class="k"&gt;}&lt;/span&gt;.bak&lt;span class="s2"&gt;""&lt;/span&gt; &lt;span class="c"&gt;#Changes all Plasma config file and folders name. Restart your system to start anew.&lt;/span&gt;
&lt;span class="nb"&gt;alias &lt;/span&gt;&lt;span class="nv"&gt;latte_reset&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s1"&gt;'killall -9 latte-dock &amp;amp;&amp;amp; latte-dock'&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  &lt;a href="https://gist.github.com/EvilSpark/b391e1fcf9a3f14d6348b23648e3fad1"&gt;Here is my .zshrc file.&lt;/a&gt;
&lt;/h2&gt;

</description>
      <category>zsh</category>
      <category>alias</category>
      <category>collection</category>
      <category>utility</category>
    </item>
    <item>
      <title>Best React Boilerplate!</title>
      <dc:creator>Sparkdex</dc:creator>
      <pubDate>Fri, 22 Nov 2019 22:42:26 +0000</pubDate>
      <link>https://dev.to/sparkedx/how-i-edited-a-complex-react-boilerplate-that-now-works-perfectly-for-me-42km</link>
      <guid>https://dev.to/sparkedx/how-i-edited-a-complex-react-boilerplate-that-now-works-perfectly-for-me-42km</guid>
      <description>&lt;h1&gt;
  
  
  Focus has shifted to the development of &lt;a href="https://github.com/Sparklytical/Fullstack-Boilerplate"&gt;Full Stack Boilerplate&lt;/a&gt;, the successor to Infinity-react-boilerplate. If you are interested in contributing or using it, come take a look!
&lt;/h1&gt;

&lt;h3&gt;
  
  
  Infinity React Boilerplate. Minimal, Customizable and scalable boilerplate.
&lt;/h3&gt;

&lt;p&gt;I guess everybody had wasted a good amount of time while figuring out the boilerplate stuff for your project. Especially when you need Webpack, and other stuff and does not need the good old create-react-app.&lt;/p&gt;

&lt;h3&gt;
&lt;a href="https://github.com/EvilSpark/Infinity-react-boilerplate"&gt;Infinity React Boilerplate&lt;/a&gt; is what I'm gonna call it.&lt;/h3&gt;

&lt;p&gt;DO GIVE A STAR 🌟 THO. &lt;/p&gt;

&lt;p&gt;There was this &lt;a href="https://www.reactboilerplate.com/"&gt;Boilerplate&lt;/a&gt; which I've sort of always admired especially in my beginner days. But to tell the truth, it was pretty complex for me in starting days, it still is somewhat now. Especially all those test stuff, having a complex folder structure, container folders etc. and also it wasn't getting updated for quite long.&lt;/p&gt;

&lt;p&gt;So, I decided to create a personal project that I eventually want to publish to the internet, but choosing boilerplate or making one of my own was a tough decision. I had this Generic Boilerplate from one my older project, but as you know, it got old, some dependencies went deprecated, some changed their APIs etc, so updating it was not an easy task, just one wrong dependency update and you mess up lots of stuff. &lt;/p&gt;

&lt;p&gt;So, I went back to my admired boilerplate and removed the excessive stuff that I obviously won't need while starting my project. &lt;/p&gt;

&lt;h1&gt;Features Removed&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;Removed Intl – All files and libraries for Intl support&lt;/li&gt;
&lt;li&gt;Removed doc&lt;/li&gt;
&lt;li&gt;Removed Coveralls&lt;/li&gt;
&lt;li&gt;Removed NGINX/Apache files&lt;/li&gt;
&lt;li&gt;Removed JEST/Testing Stuff.&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;Features Added&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;Redux Toolkit integration&lt;/li&gt;
&lt;li&gt;Styles – SCSS Styling&lt;/li&gt;
&lt;li&gt;Updated all dependencies and libraries.&lt;/li&gt;
&lt;li&gt;Webpack Loading Bar (Aesthetic is always important).&lt;/li&gt;
&lt;li&gt;Removed NGINX/Apache files&lt;/li&gt;
&lt;li&gt;Optimised and more Generators (Styled components etc).&lt;/li&gt;
&lt;li&gt;Better Hot Reloading&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Better Stats&lt;br&gt;
Anyways, I still want to remind you guys the good features it has.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Instant Feedback.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;SCSS Support&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Industry-standard routing.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Offline First.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Static code analysis.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;SEO.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;
  
  
  CLI's and Quality ratings.
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Travis.&lt;/li&gt;
&lt;li&gt;Appveyor&lt;/li&gt;
&lt;/ol&gt;
&lt;h3&gt;
  
  
  Quick start
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Make sure that you have Node.js v8.15.1 and npm v5 or above installed.
&lt;/li&gt;
&lt;li&gt;Clone this repo using 
&lt;pre&gt;
git clone --depth=1 https://github.com/EvilSpark/Infinity-react-boilerplate.git&lt;/pre&gt;
&lt;/li&gt;
&lt;li&gt;Move to the appropriate directory: &lt;pre&gt;cd &lt;/pre&gt;
&lt;/li&gt;
&lt;li&gt;Run &lt;pre&gt;npm run install&lt;/pre&gt; in order to install dependencies.
At this point you can run npm start to see the example app at http://localhost:3000&lt;/li&gt;
&lt;li&gt;Although I prefer using &lt;a href="https://pnpm.js.org/"&gt;PNPM&lt;/a&gt; instead of NPM.&lt;/li&gt;
&lt;/ol&gt;

&lt;h4&gt;Structure&lt;/h4&gt;

&lt;p&gt;The app/ directory contains your entire application code, including CSS, JavaScript, HTML and tests.&lt;/p&gt;

&lt;p&gt;The rest of the folders and files only exist to make your life easier, and should not need to be touched.&lt;/p&gt;

&lt;p&gt;Thanks to pros in ReactBoilerplate.com for their boilerplate.&lt;/p&gt;

&lt;h2&gt;
  
  
  Future Goals -
&lt;/h2&gt;

&lt;p&gt;The parent project is gradually moving to become a create-react-app template, so after it gets stable, I'll also upgrade my codebase to CRA template format and push current content to another branch.&lt;/p&gt;

&lt;h2&gt;
  
  
  Have fun with it.
&lt;/h2&gt;

&lt;h6&gt;
Keywords: React.js, Redux, Hot Reloading, ESNext, Babel, react-router, Offline First, ServiceWorker, styled-components, redux-saga, FontFaceObserver&lt;/h6&gt;

</description>
      <category>javascript</category>
      <category>react</category>
      <category>node</category>
      <category>css</category>
    </item>
    <item>
      <title>Wobbly Underline</title>
      <dc:creator>Sparkdex</dc:creator>
      <pubDate>Thu, 25 Jul 2019 16:30:21 +0000</pubDate>
      <link>https://dev.to/sparkedx/wobbly-underline-4694</link>
      <guid>https://dev.to/sparkedx/wobbly-underline-4694</guid>
      <description>&lt;p&gt;Check it out here at &lt;a href="https://evilwebdev.com/wobbly-underline-css-and-javascript/"&gt;https://evilwebdev.com/wobbly-underline-css-and-javascript/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>css</category>
      <category>javascript</category>
      <category>animation</category>
    </item>
  </channel>
</rss>
