Mamma mia! this is confusing. I have read a bunch of tutorials and watched a bunch of videos and I found it confusing every time. I’m writing this notes to clarify it for myself, and maybe you too.

The first thing is to say what Redux is for. We use Redux when we have a state that we need to share among different components, and we want it to be global (you can use Redux without React but this article is with React).

Now, I guess an attempt at a diagram is in order.

I’m trying to keep things simple…


This article assumes you understand the basics of React and tries to clarify the more advanced concepts.

I’ll be talking about Context, Errors, Refs, High Order Components, and render props.

Context

We can use props to pass data between components, but there are some things that are going to be used by many components, and in that case, we could use Context, instead of passing the same thing from one component to the next using props.

To be able to use context, we need a provider and a consumer. When we have a nested element that wants to use a context…


I don’t know if I’m the only one, but for some reason, I have “understood” this many times, and forgotten and gotten confused as many times. I’m trying to write some clear notes for me that maybe can help somebody else too. CLEAR being the key word here. I’ll try.

I want to mention delegates, and then the .NET types that we can use as delegates for some scenarios. Let’s go!

Regular Delegates

A delegate in C# is a type that refers to methods with a parameter list and return type. Delegates are used to pass methods as arguments to other methods.


I want to talk about objects in JavaScript and how they are used for Object Oriented Programming (OOP). I’ll talk a little bit about objects and their properties and about OOP with constructor functions and with classes.

I’ll be covering:

1- What are objects?

2 — Objects as a collection of properties

3 — The JavaScript Object

4 — Cloning Objects — Reference Types

5 — Object Oriented Programming in general

6 — Object Oriented Programming in JavaScript

7 — What type of OOP to use?

1 — What are objects?

Objects are used to hold different types of data. …


Understanding scope is very important to avoid issues that may not be obvious when coding but that can create big problems down the road. It can also get a little bit confusing so I’m writing this to make it more clear to me and others.

I will be talking about variables, hoisting, and closures.

What is Scope?

In a regular dictionary, you will get something like this for the definition of Scope: the extent of the area or subject matter that something deals with or to which it is relevant. In JavaScript, that same definition is valid. …


I know most people are contributing to GitHub projects using the commands but I’m old school and I really like my windows-like interface. I had trouble finding articles about the desktop version so I decided to write this down. Taking a bit from here and a bit from there I came up with these steps.

Fork

On github.com, fork the repository like you do for any project.

At this point your local fork should be updated with all the changes since you just got it.


Positioning elements around the page is one of the things that should be simple but sometimes ends up taking more time than it should. I thought it would be a good idea to have some kind of summary here and hopefully save some time next time.

I’m going to talk about positioning elements with the position property itself, and using flexbox.

You can also use CSS grids to position elements but I like using the flexbox better, I think it works better when you are dealing with different screen sizes. …


I have been learning React and wanted to deploy my app to GitHub Pages. The first time I tried the routing was all messed up and the images were all gone. This is what finally got it working for me.

I’ll be talking about getting GitHub pages set up and the code changes needed to make the app work on GitHub pages.

1 — Install the GitHub pages package.

Go to the folder for your app in your terminal screen and install with:

npm install gh-pages — save-dev

2 — Modify your package.json

You will need to add a homepage attribute to your existing file as a top level one.:

“homepage”: “.”,

GM Fuster

Software Dev, not working but learning. https://twitter.com/gmfuster , https://gmfuster.github.io/Bonico/#/

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