Throughout this week, I started to learn about what the differences of Core i3 and Core i5. And no! The number does not represent how many many processing cores the component might have. Core i3 may have 4 processing cores, Core i5 only has 2, and Core i7 may have 2 to 7 processing cores. We have to make sure that we compare these components and choose depending on what functionality we want it for, such as either gaming or productivity.
“Don’t think of cost. Think of value.” John Spence
Do you think by buying the most expensive CPU or…
Already on Week 2! So much has been learned. We started out with professionalism and now we have learned about Microsoft. It is impressive to see that we use these software and yet do not realize how hard it was in the beginning to establish the first window interface that would put graphics on a computer.
Today is the mark of week 1 of the Computer Hardware and Software Management Course at Bellevue University. As a software engineer, it is crucial to understand how the hardware of a computer system come to play when we develop new applications, and new websites. As for my first blog post, I would love to reflect on this quote from David Maister, which states:
“Professional is not a label you give yourself- it’s a description you hope others will apply to you.”
It is important to note that in order for others to perceive us as “professionals” we have to…
One of the things I figured out, was Semantic UI. What is this exactly? This is what we are going to figure out and I will walk you step-by-step in order for you to integrate it within your React Projects.
As stated within their website, Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. This is almost similar to Bootstrap! Check out their website to learn more about it!
There are many ways we can integrate semantic-ui.
Option 1: Package Manager. React Components can be installed via
npm , as seen below:
Have you seen this line before?
const [counter, setCounter] = useState(0);
What are we doing exactly? Well this is called Array Destructuring! Let’s use a regular
const variable instead of the array destructuring. Let’s also log this into our console and see what we get.
const counter = useState(0);
This is what we get:
Within this blog we will cover two of the most common ways on how to initialize state within React Class Components! We will discuss what is state, why we need state, and how to initialize! Let’s Get Started!
State of a component is an object that holds some information that may change over the lifetime of the component. We should always try to make our state as simple as possible and minimize the number of stateful components.
When using state, this makes the component more dynamic and enables to keep track of changing information in between renders for it to…
There are many ways we can create a search bar, but in this blog, I will show you how I created my search bar for my youtube clone project using a youtube API. First we have to understand, what are search bars? It’s pretty simple, a search bar contains an input field with a submit button to search what we want to search. In react, we want our search bar to be dynamic and initialize state in order to have a controllable form. …
In this blog, I will show you step by step how to add logos from programming languages to your portfolio site. Where can we get these logos from? We can surely use Google to get the logos, but would be more work because the images would have different sizes such as width and height. In this tutorial, we are going to use Devicon!
Have you ever wanted to make your contact forms send you the email to your personal email? Would you need a backend? How can I do this with just a static application? Your answers are within this blog.