Note This article is a part of a series of tutorials "Creating an Electron application with Svelte 3 and TypeScript".

Check out the rest if you haven't yet 😉.

Before starting to work on our project, let's define a plan and a set of goals.

We know that we want to interact with Wikipedia's API, so what do we need for this? A first version would be like this. I will keep our goals simple for now, we can always add more things later.

hand drawn mock-up
A hand-drawn mock-up of our initial goal (click on the picture to see it full screen)

Abstractly we have 3 components:

  • a simple search for in a menu bar available at the top of the application. The first version will only have an input text and a button to call the API.
  • a listing of search results in a left pan
  • a right pan to view the selected article

That's pretty basic in term of features...

Read full post

Note This article is a part of a serie of tutorials "Creating an Electron application with Svelte 3 and TypeScript".

Earlier this month team behind the web UI framework Svelte announced they are now officially supporting TypeScript. I wasn't following the project before that announcement, but I see it as a good motivation to try it out. To try out Svelte I diceded to create a simple Electron application interfacing with Wikipedia's public API, and will document the process through a serie of tutorials.

I read Svelte's documentation yesterday for the first time, so I'm really new to the framework, though from what I've seen so far it should be quite fast to pick up. As mentioned in the title, I'm going to use Svelte 3 and TypeScript. Let's start with the initial setup.

Setup Svelte 3 + TypeScript

Getting started with Svelte...

Read full post