<?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: RetiFier</title>
    <description>The latest articles on DEV Community by RetiFier (@retifier).</description>
    <link>https://dev.to/retifier</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%2F224727%2Fe5cc68b9-f9a7-4306-a26a-50313c9744b1.png</url>
      <title>DEV Community: RetiFier</title>
      <link>https://dev.to/retifier</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/retifier"/>
    <language>en</language>
    <item>
      <title>React Next Starter using server-rendered  with Next.js and Express.js</title>
      <dc:creator>RetiFier</dc:creator>
      <pubDate>Sat, 21 Mar 2020 10:39:52 +0000</pubDate>
      <link>https://dev.to/retifier/react-next-starter-using-server-rendered-with-next-js-and-express-js-1i60</link>
      <guid>https://dev.to/retifier/react-next-starter-using-server-rendered-with-next-js-and-express-js-1i60</guid>
      <description>&lt;p&gt;This template contain Configuration for Next Project using server-rendered with Express JS. &lt;br&gt;
&lt;/p&gt;
&lt;div class="ltag-github-readme-tag"&gt;
  &lt;div class="readme-overview"&gt;
    &lt;h2&gt;
      &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"&gt;
      &lt;a href="https://github.com/RetiFier"&gt;
        RetiFier
      &lt;/a&gt; / &lt;a href="https://github.com/RetiFier/react-next-starter"&gt;
        react-next-starter
      &lt;/a&gt;
    &lt;/h2&gt;
    &lt;h3&gt;
      React Next Starter using server-rendered  with Next.js and Express.js
    &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="ltag-github-body"&gt;
    
&lt;div id="readme" class="md"&gt;
&lt;p&gt;This is a &lt;a href="https://nextjs.org/" rel="nofollow"&gt;Next.js&lt;/a&gt; project bootstrapped with &lt;a href="https://github.com/zeit/next.js/tree/canary/packages/create-next-app"&gt;&lt;code&gt;create-next-app&lt;/code&gt;&lt;/a&gt;.&lt;/p&gt;
&lt;h2&gt;
Getting Started&lt;/h2&gt;
&lt;p&gt;First, Install the Node Module&lt;/p&gt;
&lt;div class="highlight highlight-source-shell"&gt;&lt;pre&gt;npm i&lt;/pre&gt;&lt;/div&gt;
&lt;div class="highlight highlight-source-shell"&gt;&lt;pre&gt;Change env.example to .env&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Run the development server:&lt;/p&gt;
&lt;div class="highlight highlight-source-shell"&gt;&lt;pre&gt;npm run dev
&lt;span class="pl-c"&gt;&lt;span class="pl-c"&gt;#&lt;/span&gt; or&lt;/span&gt;
yarn dev&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Open &lt;a href="http://localhost:3000" rel="nofollow"&gt;http://localhost:PORT&lt;/a&gt; with your browser to see the result.
Can change the port number in .env File
You can start editing the page by modifying &lt;code&gt;pages/index.js&lt;/code&gt;. The page auto-updates as you edit the file.&lt;/p&gt;
&lt;h2&gt;
Learn More&lt;/h2&gt;
&lt;p&gt;To learn more about Next.js, take a look at the following resources:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://nextjs.org/docs" rel="nofollow"&gt;Next.js Documentation&lt;/a&gt; - learn about Next.js features and API.&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://nextjs.org/learn" rel="nofollow"&gt;Learn Next.js&lt;/a&gt; - an interactive Next.js tutorial.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;You can check out &lt;a href="https://github.com/zeit/next.js/"&gt;the Next.js GitHub repository&lt;/a&gt; - your feedback and contributions are welcome!&lt;/p&gt;
&lt;/div&gt;



&lt;/div&gt;
&lt;br&gt;
  &lt;div class="gh-btn-container"&gt;&lt;a class="gh-btn" href="https://github.com/RetiFier/react-next-starter"&gt;View on GitHub&lt;/a&gt;&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;br&gt;&lt;br&gt;
Feel Free to Contribute this project. 

</description>
      <category>react</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Remove Duplicate from Array and Object from Array </title>
      <dc:creator>RetiFier</dc:creator>
      <pubDate>Wed, 04 Mar 2020 04:39:17 +0000</pubDate>
      <link>https://dev.to/retifier/remove-duplicate-from-array-and-object-from-array-42d4</link>
      <guid>https://dev.to/retifier/remove-duplicate-from-array-and-object-from-array-42d4</guid>
      <description>&lt;h1&gt;
  
  
  From Array
&lt;/h1&gt;

&lt;p&gt;&lt;strong&gt;_.uniq(array) From Lodash&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Creates a duplicate-free version of an array, using SameValueZero for equality comparisons, in which only the first occurrence of each element is kept.&lt;/p&gt;

&lt;p&gt;Example&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const arr = [1 , 1 , 2 , 3]
const removeDuplicate = _.uniq(arr);
console.log(removeDuplicate)
// Result =&amp;gt; [1,2,3]
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;h1&gt;
  
  
  Object From Array
&lt;/h1&gt;

&lt;p&gt;&lt;strong&gt;_.uniqBy[array, objectName] From Lodash&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;This method is like _.uniq except that it accepts iteratee which is invoked for each element in array to generate the criterion by which uniqueness is computed. &lt;/p&gt;

&lt;p&gt;Example&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;const arr = [{id: 1 , name: 'Dota'}, {id:1 , name: 'Dota'} , {id:2 , name:'LOL'}]
const removeDuplicate = _.uniqBy(arr, 'id');
console.log(removeDuplicate)
// Result =&amp;gt; [{id: 1 , name: 'Dota'} , {id:2 , name:'LOL'}]
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



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