I am new to both React and Angular (newer to Angular), and I would like to compare both (a little bit at a time). I’m going to be updating as I go, but here is my start. This assumes the app is already created for both React and Angular.
Index.html is the first file coming up. It has a div which will be used to put whatever we need to display.
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.
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
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!
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’ll be covering:
1- What are objects?
2 — Objects as a collection of properties
4 — Cloning Objects — Reference Types
5 — Object Oriented Programming in general
7 — What type of OOP to use?
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.
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.
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.
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.
Go to the folder for your app in your terminal screen and install with:
npm install gh-pages — save-dev
You will need to add a homepage attribute to your existing file as a top level one.: