Git is a staple of the development process. It has effectively replaced almost all of the older choices of source control. GitHub is a platform for storing files and projects in the cloud. Git is often confused with GitHub, but they are different and not related at all. Let’s discuss what the differences are, and how to use them.

Git is a technology that can manage files locally,
GitHub is a platform for storing files in the cloud

Git can be found here: https://git-scm.com/downloads.
1. Download the correct version for your operating system
2. Install it, accepting the defaults through the installation wizard
3. …


It’s becoming a standard these days that using future JavaScript syntax is the new default. This is achieved by using Babel, which lets you write browser-unsupported JavaScript that will work in all browsers. Let’s get a basic example going.

This will fail in older versions of IE because const and arrow functions are not supported

const foo = () => 42;

However if you use Babel to compile the above code, you’ll get an output of

"use strict";var foo = function foo() {
return 42;
};

You can try this for yourself at https://babeljs.io/repl

This is all well and good, but not very useful if you can’t use it locally. So let’s setup Babel for use on your local dev workstation. …


Postman is a powerful tool for quickly testing local or external http endpoints. In this tutorial we will setup Postman, Visual Studio 2019 Preview, .NET 5 preview, and create an ASP.NET Core 5.0 Web API.

Setup:

Github repo: https://github.com/mariocatch/PostmanAPI-Medium

Create the ASP.NET Core 5.0 Web API:

dotnet new webapi -o PostmanAPI
cd ./PostmanAPI
dotnet build
./PostmanAPI.csproj

Visual Studio 2019 should be opened with your PostmanAPI project. Press F5 to run it and make sure it works.

It should open a browser to a localhost URL of something like https://localhost:44347/weatherforecast. …


Image for post
Image for post

Welcome to part two of the Über-beginner Introduction to React series. If you missed it, you can view part one here. Part one covered the following topics:

  • Importing React
  • Rendering strings to the browser
  • Rendering JSX to the browser
  • Executing JavaScript inside JSX
  • Creating your first reusable React component

Part two will start diving deeper into creating reusable components by going over two different ways you can create one:

  • Class Components
  • Function Components
  • Separating Components

We left off part one with the following React app:

Last snippet at the end of part one.

Now that we’ve learned how to separate our ReactDOM.render(...) from our actual component, we can start taking advantage of all the goodness JavaScript has to offer regarding modules. In a very simple application it’s fine to have one render and keep your component right alongside it. The larger the application gets, the more unwieldy that becomes though. Let’s take our existing HelloComponent and move it to a separate file. …


Image for post
Image for post

So you’re finally deciding to dive into React? Awesome! Though, if were like me then you probably noticed the plethora of examples and tutorials out there aren’t really aimed at absolute beginners. So my goal with these articles is to go over the bare basics of React… enough to give you the confidence and the skills to start your venture into the wonderful world of React. By the end of these series of articles you should understand:

  • Class Components
  • Function Components
  • State
  • Props
  • JSX

However; this article in particular is going to focus on the following:

  • Importing React
  • Rendering strings to the…

About

mariocatch

Software Engineer. Web Developer. Creator of Cherish. Gamer. Husband. Father. Human.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store