<?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>Evan Gillogley</title>
		<description>Blog and website of Evan Gillogley, blogging mainly on tech and city life.</description>		
		<link>http://evanjmg.github.io</link>
		<atom:link href="http://evanjmg.github.io/feed.xml" rel="self" type="application/rss+xml" />
		
			<item>
				<title>Setup and Customize Conventional Commits and Semantic Versioning</title>
				        
				
					<description>&lt;p&gt;In an earlier &lt;a href=&quot;https://evanjmg.com/code/2020/11/08/Automate-reporting-with-changelogs.html&quot;&gt;article&lt;/a&gt;, I went through the importance and use-cases for semantic versioning and conventional commits. Now, I’ll go through setting up the system and customizing it.&lt;/p&gt;

</description>
				
				<pubDate>Mon, 16 Nov 2020 17:30:22 +0000</pubDate>
				<link>http://evanjmg.github.io/code/2020/11/16/Setup-Conventional-Commits.html</link>
				<guid isPermaLink="true">http://evanjmg.github.io/code/2020/11/16/Setup-Conventional-Commits.html</guid>
			</item>
		
			<item>
				<title>Automate Reporting with Generated Changelogs</title>
				        
				
					<description>&lt;h3 id=&quot;the-problem&quot;&gt;The Problem&lt;/h3&gt;

</description>
				
				<pubDate>Sun, 08 Nov 2020 17:30:22 +0000</pubDate>
				<link>http://evanjmg.github.io/code/2020/11/08/Automate-reporting-with-changelogs.html</link>
				<guid isPermaLink="true">http://evanjmg.github.io/code/2020/11/08/Automate-reporting-with-changelogs.html</guid>
			</item>
		
			<item>
				<title>Marble Testing Epics with Redux Observable</title>
				        
				
					<description>Before Redux Observable, I found testing asynchronous side effects (redux-thunk) very difficult. Our code was always messy, relying on weird mocks or
[tightly coupled to redux dispatcher](https://redux.js.org/recipes/writing-tests). Moreover, it would always involve a callback or an await through every step. Something like this:

</description>
				
				<pubDate>Sun, 01 Nov 2020 17:30:22 +0000</pubDate>
				<link>http://evanjmg.github.io/code/2020/11/01/marble-testing-observables.html</link>
				<guid isPermaLink="true">http://evanjmg.github.io/code/2020/11/01/marble-testing-observables.html</guid>
			</item>
		
			<item>
				<title>Build An LED Metro/Tram Arrival display</title>
				        
				
					<description>&lt;style&gt;
@media screen and (max-width: 600px) {
}
img.led-display {
    clear: both !important;
    display: block;
    float: none !important;
    margin: 30px auto;
    max-width: 450px;
    width: 100%;
}
a {
  word-break: break-all;
}
&lt;/style&gt;
&lt;img class=&quot;led-display&quot; src=&quot;/img/posts/heuston-tram.jpg&quot; /&gt;
I live in Dublin right beside the LUAS tram, so I built my own tram stop display for my home in a couple hours for around $90. Above is a display of the LUAS tram times in Dublin. H stands for destination/direction,  Heuston station, and the time until arrival is beside it.&lt;br&gt; In this article, I'll go into detail on where to buy the stuff and how to code up the solution.

</description>
				
				<pubDate>Sun, 01 Mar 2020 17:30:22 +0000</pubDate>
				<link>http://evanjmg.github.io/code/2020/03/01/DIY-LED-transport-time-display.html</link>
				<guid isPermaLink="true">http://evanjmg.github.io/code/2020/03/01/DIY-LED-transport-time-display.html</guid>
			</item>
		
			<item>
				<title>Testing in Plain English: React Native and Cucumber</title>
				        
				
					<description>&lt;style&gt;
@media screen and (max-width: 600px) {
}
img.cool {
    clear: both !important;
    display: block;
    margin: 30px auto;
    float: none !important;
}
#talk-image {
  max-width: 100%;
}
#talk-blog-link {
  color: black;
}
&lt;/style&gt;
I recently gave a talk at &lt;a target=&quot;_blank&quot; href=&quot;https://www.meetup.com/React-Native-London/events/254878423/&quot;&gt;React Native London&lt;/a&gt; this last September on e2e to end testing in React Native. It was a great learning experience for me and hope this information can help others.
&lt;br&gt;
&lt;img class=&quot;cool&quot; id=&quot;talk-image&quot; src=&quot;/img/talks/talk-09-27-18.jpg&quot;  /&gt;
&lt;br&gt;
&lt;h2 style=&quot;text-decoration: underline;&quot;&gt;
  Watch below or
  &lt;a id=&quot;talk-blog-link&quot; target=&quot;_blank&quot; href=&quot;https://engineering.velocityapp.com/testing-in-plain-english-react-native-and-cucumber-6dafe11b181f&quot;&gt;
  go to the technical blog article for this talk &lt;/a&gt; &lt;/h2&gt;
  &lt;br&gt;
  &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/Tt9CcYsDPoE&quot; frameborder=&quot;0&quot; allow=&quot;autoplay; encrypted-media&quot; allowfullscreen&gt;&lt;/iframe&gt;

</description>
				
				<pubDate>Sun, 30 Sep 2018 17:30:22 +0000</pubDate>
				<link>http://evanjmg.github.io/code/2018/09/30/Testing-In-Plain-English.html</link>
				<guid isPermaLink="true">http://evanjmg.github.io/code/2018/09/30/Testing-In-Plain-English.html</guid>
			</item>
		
			<item>
				<title>Matrixifying the Web: A Simple Chrome Extension Tutorial</title>
				        
				
					<description>&lt;style&gt;
@media screen and (max-width: 600px) {
}
img.cool {
    clear: both !important;
    display: block;
    margin: 30px auto;
    float: none !important;
}
&lt;/style&gt;
Chrome extensions are really easy to create, but I found it really hard to learn how to create them. The documentation on Google's site is convoluted and &lt;a href=&quot;https://developer.chrome.com/extensions/overview&quot; target=&quot;_blank&quot;&gt;too thorough&lt;/a&gt; - there are popups, content scripts, background scripts etc. All I wanted to do was to manipulate the webpage in the browser like add a sidebar to a website or change it's theme. In this tutorial, I'm going to matrixify github profile by inverting the colors and adding some cool gifs and animations.

</description>
				
				<pubDate>Sun, 08 Apr 2018 17:30:22 +0000</pubDate>
				<link>http://evanjmg.github.io/code/2018/04/08/Creating-Chrome-Extensions.html</link>
				<guid isPermaLink="true">http://evanjmg.github.io/code/2018/04/08/Creating-Chrome-Extensions.html</guid>
			</item>
		
			<item>
				<title>Creating React Native Modules for Android</title>
				        
				
					<description>&lt;style&gt;
@media screen and (max-width: 600px) {
}
img.cool {
    clear: both !important;
    display: block;
    margin: 30px auto;
    float: none !important;
}
&lt;/style&gt;

</description>
				
				<pubDate>Sun, 25 Feb 2018 00:30:22 +0000</pubDate>
				<link>http://evanjmg.github.io/code/2018/02/25/Creating-Your-Own-React-Native-Modules.html</link>
				<guid isPermaLink="true">http://evanjmg.github.io/code/2018/02/25/Creating-Your-Own-React-Native-Modules.html</guid>
			</item>
		
			<item>
				<title>Testing That’s Cool as a Cucumber: End to End Testing with Protractor, Typescript, and Cucumber</title>
				        
				
					<description>&lt;style&gt;
@media screen and (max-width: 600px) {
    img {
        clear: both !important;
        display: block;
        float: none !important;
    }
}
&lt;/style&gt;

</description>
				
				<pubDate>Thu, 28 Sep 2017 09:30:22 +0000</pubDate>
				<link>http://evanjmg.github.io/code/2017/09/28/Testing-Thats-Cool-as-a-Cucumber-End-to-End-Testing-with-Protractor-and-Cucumber.html</link>
				<guid isPermaLink="true">http://evanjmg.github.io/code/2017/09/28/Testing-Thats-Cool-as-a-Cucumber-End-to-End-Testing-with-Protractor-and-Cucumber.html</guid>
			</item>
		
			<item>
				<title>Speeding Up your Slow Angular 1 App</title>
				        
				
					<description>&lt;style&gt;
@media screen and (max-width: 600px) {
    img {
        clear: both !important;
        display: block;
        float: none !important;
    }
}
&lt;/style&gt;
All experienced developers know Angular 1 is slow and it will take a lot of effort on your part to make it fast. Here, I'll highlight all of my tricks to speed up your Angular 1 app. Some of these are quite general, meaning you can apply them also to Angular 2, to other frameworks you use or other websites you build. First, I'll cover some essential techniques that you must have in order to have a fast Angular app and then I'll make some suggestions.
&lt;h2&gt;Essentials&lt;/h2&gt;
&lt;h3 id=&quot;Gzip&quot;&gt;Gzip, Minifiy and Cache bust Everything&lt;/h3&gt;

</description>
				
				<pubDate>Sat, 01 Oct 2016 09:30:22 +0000</pubDate>
				<link>http://evanjmg.github.io/code/2016/10/01/Speeding-Up-Your-Slow-Angular-1-App.html</link>
				<guid isPermaLink="true">http://evanjmg.github.io/code/2016/10/01/Speeding-Up-Your-Slow-Angular-1-App.html</guid>
			</item>
		
			<item>
				<title>Speeding up Rails API Requests</title>
				        
				
					<description>&lt;style&gt;
  @media screen and (max-width: 600px) {
    img {
       clear:both !important;
        display: block;
        float:none !important;
    }
}
&lt;/style&gt;
&lt;img src=&quot;/img/posts/sloth-space-with-ruby.gif&quot;style=&quot;float:left;padding:35px;max-height: 300px;&quot; alt=&quot;&quot;&gt;
I want to search nearby places by keyword and get their photos, submitter, and distance. All in one API request! That sounds like a lot of database queries. However, with the right setup, &lt;strong&gt; I got my 3 second request  down to 375ms, making it 8x faster.&lt;/strong&gt;

</description>
				
				<pubDate>Sun, 20 Mar 2016 09:30:22 +0000</pubDate>
				<link>http://evanjmg.github.io/code/2016/03/20/Speed-Up-Rails-API.html</link>
				<guid isPermaLink="true">http://evanjmg.github.io/code/2016/03/20/Speed-Up-Rails-API.html</guid>
			</item>
		
	</channel>
</rss>
