#create-react-app

How to build an #electron app using Create #react App and Electron Builder
▻https://hackernoon.com/how-to-build-an-electron-app-using-create-react-app-and-electron-builder

https://cdn-images-1.medium.com/max/512/1*IpAfPER3-C70we-grvDtVA.jpeg

I recently decided to build a desktop app to download and archive all my Google Photos. I’m really paranoid about loosing all my pics. Google had a few options but they all had their problems.If you want to use the app to download and archive all your Google Photos you can download it here OSX and here WIN.I decided to use Electron and React. This stack was really fun to work on and the application turned out nice.In this blog I’ll share my setup and discuss a few gotchas I ran into.I leveraged these blogs when doing my initial development, 1 & 2 (thanks guys).OK, lets learn how to build an Electron app using Create React App, and package it for distribution using Electron Builder.Lets take a look at the entire stack and then get started. If you want to skip right to the sample app, feel (...)

#javascript #electron-builder #create-react-app

Simple #i18n for Create #react App with ttag
▻https://hackernoon.com/simple-i18n-for-create-react-app-with-ttag-4c2892343201?source=rss----3a

https://cdn-images-1.medium.com/max/1024/1*mMnabttiOByRCMLPPVOX8w.jpeg

This article will describe how you can set up the translation process for Create React App with ttag in a few minutes with 5 simple steps.First of all, there are at least 4 reasons why you should choose ttag with CRA:Doesn’t require to execute eject.ttag is the framework agnostic solution that works everywhere where #javascript and babel works. Supports jsx out of the box.ttag works with gettext standard, that is very common to translators and can be integrated with any workflow and translation services like transifex, weblate e.t.cttag does not require you to use some ‘alien’ formatting rules like sprintf. You just simply use native javascript template literals for formatting like:tHello $ name At the end of this tutorial, we will setup i18n for CRA starter page.Demo site —  (...)

#create-react-app #localization