<?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>Forem: Juan Carlos Cancela</title>
    <description>The latest articles on Forem by Juan Carlos Cancela (@juancancela).</description>
    <link>https://forem.com/juancancela</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%2F448750%2Fc037bb62-61ca-47e7-939f-15b5301ee51f.jpeg</url>
      <title>Forem: Juan Carlos Cancela</title>
      <link>https://forem.com/juancancela</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/juancancela"/>
    <language>en</language>
    <item>
      <title>Simple filter-by-ingredient React App</title>
      <dc:creator>Juan Carlos Cancela</dc:creator>
      <pubDate>Fri, 07 Aug 2020 18:23:18 +0000</pubDate>
      <link>https://forem.com/juancancela/simple-filter-by-ingredient-react-app-b5j</link>
      <guid>https://forem.com/juancancela/simple-filter-by-ingredient-react-app-b5j</guid>
      <description>&lt;p&gt;&lt;a href="https://github.com/juancancela/recipes"&gt;Recipes&lt;/a&gt; is a simple web app that uses &lt;a href="https://github.com/facebook/create-react-app"&gt;Create React App&lt;/a&gt;, &lt;a href="https://github.com/ReactTraining/react-router"&gt;React Router&lt;/a&gt;, &lt;a href="https://styled-components.com/"&gt;styled-components&lt;/a&gt; and &lt;a href="https://es.reactjs.org/docs/context.html"&gt;React Context&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Though the app is super simple, I think it shows a couple of interesting techniques that can easily be extrapolated to real projects. In particular, Take a look at &lt;a href="https://github.com/juancancela/recipes/blob/master/src/AppContext.js"&gt;AppContext.js&lt;/a&gt; and how easy the context is binded to the application &lt;a href="https://github.com/juancancela/recipes/blob/master/src/routes.js"&gt;routes&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Also, it shows how a value stored on a context can be easily used through the app's components. Check for example how the &lt;em&gt;searchTerm&lt;/em&gt; is being referenced and updated through the context on the &lt;a href="https://github.com/juancancela/recipes/blob/master/src/components/SearchBar.js"&gt;SearchBar Component&lt;/a&gt;.&lt;/p&gt;

</description>
      <category>react</category>
      <category>node</category>
      <category>npm</category>
    </item>
    <item>
      <title>A tiny local HTTP proxy cache</title>
      <dc:creator>Juan Carlos Cancela</dc:creator>
      <pubDate>Fri, 07 Aug 2020 16:51:49 +0000</pubDate>
      <link>https://forem.com/juancancela/a-tiny-local-http-proxy-cache-1iac</link>
      <guid>https://forem.com/juancancela/a-tiny-local-http-proxy-cache-1iac</guid>
      <description>&lt;p&gt;&lt;a href="https://github.com/juancancela/lpc"&gt;LPC&lt;/a&gt; is a local http service that enables proxying and cache outgoing requests. Its main use case is to speed up booting of apps that requires multiple http requests to be accomplished before finishing the starting process, although it can be used for any case where an http proxy makes sense.&lt;/p&gt;

&lt;p&gt;To use it, just &lt;em&gt;run npx lpc@latest --hostname=HOSTNAME&lt;/em&gt;.&lt;/p&gt;

</description>
      <category>http</category>
      <category>node</category>
      <category>cache</category>
      <category>npm</category>
    </item>
  </channel>
</rss>
