<?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: Olulana Kolawole</title>
    <description>The latest articles on DEV Community by Olulana Kolawole (@kolawoletech).</description>
    <link>https://dev.to/kolawoletech</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%2F177029%2F3a99bd9f-d7df-44b1-8ae9-1ee49d58506d.jpeg</url>
      <title>DEV Community: Olulana Kolawole</title>
      <link>https://dev.to/kolawoletech</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/kolawoletech"/>
    <language>en</language>
    <item>
      <title>My Masters Project</title>
      <dc:creator>Olulana Kolawole</dc:creator>
      <pubDate>Sun, 24 May 2020 23:57:44 +0000</pubDate>
      <link>https://dev.to/kolawoletech/my-masters-project-4976</link>
      <guid>https://dev.to/kolawoletech/my-masters-project-4976</guid>
      <description>

</description>
    </item>
    <item>
      <title>Add Firebase Authentication to React App</title>
      <dc:creator>Olulana Kolawole</dc:creator>
      <pubDate>Wed, 29 Jan 2020 07:01:08 +0000</pubDate>
      <link>https://dev.to/kolawoletech/add-firebase-authentication-to-react-app-42k4</link>
      <guid>https://dev.to/kolawoletech/add-firebase-authentication-to-react-app-42k4</guid>
      <description>&lt;h3&gt;Introduction&lt;/h3&gt;

&lt;p&gt;In this article, we will be adding a Firebase to a React App, I will get straight to the point assume you are not a beginner &lt;/p&gt;

&lt;p&gt;I&lt;/p&gt;
&lt;h3&gt;Pre-requisites&lt;/h3&gt;
&lt;br&gt;
&lt;li&gt;Recent versions of Node.js and npm installed on your system&lt;/li&gt;
&lt;br&gt;
&lt;li&gt;knowledge of JavaScript/ES6&lt;/li&gt;
&lt;br&gt;
 &lt;li&gt; Intermediate Knowledge of React&lt;/li&gt;

&lt;h3&gt;Firebase &lt;/h3&gt;

&lt;p&gt;Start creating a &lt;a href="https://console.firebase.google.com/"&gt;Firebase project&lt;/a&gt; and go to the Authentication page.&lt;br&gt;
Click on the “Sign-in method” tab and make sure you have email/password enabled as a sign-in provider.&lt;/p&gt;

&lt;p&gt;&lt;code&gt;&lt;br&gt;
   $ npm install -g rekit&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;


&lt;li&gt; Create an app&lt;/li&gt;
&lt;br&gt;
&lt;code&gt;&lt;br&gt;
   $ rekit create my-app&lt;br&gt;
   $ cd my-app&lt;br&gt;
   $ npm install

&lt;/code&gt;&lt;br&gt;
 &lt;li&gt; Run It!&lt;/li&gt;
&lt;br&gt;
&lt;code&gt;

&lt;p&gt;$ npm start&lt;/p&gt;

&lt;/code&gt;&lt;br&gt;


&lt;h3&gt;&lt;strong&gt;Deploying The GraphQL Server&lt;/strong&gt;&lt;/h3&gt;

&lt;p&gt;In case you have not already installed the Rekit Boilerplate&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Install Rekit&lt;/li&gt;

&lt;code&gt;
   $ npm install -g rekit
&lt;/code&gt;



 &lt;li&gt; Create an app&lt;/li&gt;
&lt;code&gt;
   $ rekit create my-app
   $ cd my-app
   $ npm install

&lt;/code&gt;
 &lt;li&gt; Run It!&lt;/li&gt;
&lt;code&gt;

   $ npm start

&lt;/code&gt;
&lt;/ol&gt;

</description>
    </item>
    <item>
      <title>Build a web app with GraphQL and React</title>
      <dc:creator>Olulana Kolawole</dc:creator>
      <pubDate>Wed, 29 Jan 2020 06:38:52 +0000</pubDate>
      <link>https://dev.to/kolawoletech/build-a-web-app-with-graphql-and-react-2agf</link>
      <guid>https://dev.to/kolawoletech/build-a-web-app-with-graphql-and-react-2agf</guid>
      <description>&lt;h3&gt;Introduction&lt;/h3&gt;

&lt;p&gt;In this article, we will be build a react app that will be consuming data from GraphQL as opposed to the older RESTful API&lt;/p&gt;

&lt;p&gt;We will be doing it with a cool react boilerplate, &lt;a href="https://rekit.js.org/docs/get-started.html"&gt;Rekit&lt;/a&gt;.&lt;/p&gt;

&lt;h3&gt;Why GraphQL?&lt;/h3&gt;

&lt;p&gt;GraphQL is a query language for APIs that offers the advantages of being self-documenting where you choose to request only what you need as opposed to Restful API which can great very robust. GraphQL  makes it easier to evolve APIs over time, and enables powerful developer tools.&lt;/p&gt;

&lt;h3&gt;Pre-requisites&lt;/h3&gt;


&lt;li&gt;Recent versions of Node.js and npm installed on your system&lt;/li&gt;
&lt;br&gt;
&lt;li&gt;knowledge of JavaScript/ES6&lt;/li&gt;
&lt;br&gt;
 &lt;li&gt; Intermediate Knowledge of React&lt;/li&gt;

&lt;h3&gt;&lt;strong&gt;Creating The React Client&lt;/strong&gt;&lt;/h3&gt;

&lt;p&gt;I will also be making sure of a popular graphql boilerplate, ensure you git installed&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;git clone https://github.com/graphql-boilerplates/react-fullstack-graphql&lt;/li&gt;

&lt;code&gt;
   $ npm install -g rekit
&lt;/code&gt;



 &lt;li&gt; Create an app&lt;/li&gt;
&lt;code&gt;
   $ rekit create my-app
   $ cd my-app
   $ npm install

&lt;/code&gt;
 &lt;li&gt; Run It!&lt;/li&gt;
&lt;code&gt;

   $ npm start

&lt;/code&gt;
&lt;/ol&gt;

&lt;h3&gt;&lt;strong&gt;Deploying The GraphQL Server&lt;/strong&gt;&lt;/h3&gt;

&lt;p&gt;In case you have not already installed the Rekit Boilerplate&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Install Rekit&lt;/li&gt;

&lt;code&gt;
   $ npm install -g rekit
&lt;/code&gt;



 &lt;li&gt; Create an app&lt;/li&gt;
&lt;code&gt;
   $ rekit create my-app
   $ cd my-app
   $ npm install

&lt;/code&gt;
 &lt;li&gt; Run It!&lt;/li&gt;
&lt;code&gt;

   $ npm start

&lt;/code&gt;
&lt;/ol&gt;

</description>
    </item>
  </channel>
</rss>
