React Hooks & Functional Components

Until now, ‘stateful’ logic or data that changes within a React application was tightly attached to a class-based component. However, what this led to was a complex tree of nested components which made passing data and props quite confusing as the application would grow in size and complexity. Hooks changed everything by giving access to lower-level features of React outside the context of the class-based component.

If you’ve ever worked with a class-based component, you know that it can be confusing. There are words like “bind” and “this” which can cause a confusing understanding of the data and method flow…


The React Ecosystem

You’re deciding which framework you’d like to learn as we get ready to jump into 2021. For most of us, the year 2020 has been a standstill in many aspects, to say the least. While this year has had many ups and downs, I’ve personally used this time in quarantine to expand my knowledge and technical skills in the world of web development. Here are some reasons you should consider learning React.js, and why this little UI library will be one of the most in-demand skills for front end developers as we head into 2021.

JavaScript itself is extremely popular…


Through teaching myself the MERN Stack, and building Full Stack applications whether, for personal projects, or freelance work, I was always curious about how I would be able to seed my MongoDB collection using an external dataset.

More precisely — How can I make a fetch request run and populate the database? Is there a command or a mongoose function that will do that? I know that I’m basically trying to emulate Ruby on Rails with a seed file. In this blog, I will demonstrate in a few simple steps how easy this actually is. You will want to already…


type: ‘ReplicaSetNoPrimary’

I recently ran into an issue where my node.js application all of the sudden stopped connecting to my MongoDB Atlas server. I had been on the road and suddenly thought of a feature that I wanted to add to my application. Upon starting my sever, I was getting an error that I had never seen before. My solution to this error was to whitelist my current IP address in the MongoDB cluster where my error was occurring.

Error: type: ‘ReplicaSetNoPrimary’ in my node.js application

Upon starting up my node.js application, my server started, as usual. However, my app timed out when it would then try…


This blog is intended to upgrade your CSS skills, and to introduce some awesome styling advantages you’ll get when switching from CSS to SASS in your projects. I’ve made a small project and will demonstrate some really powerful SASS features like Variables, Nesting, and Mixins.

For installing SASS, follow the command-line instructions posted on their website: https://sass-lang.com/install. For this demo, I will be using VS Code and the Live Sass Compiler extension.

Before getting into some cool techniques that are simple and easy to use, I will briefly explain how and what SASS exactly is (besides being an awesome tool…


What is Express?

Express. js is a Node. js web application server framework, designed for building single-page, multi-page, and full stack web applications. It is the standard server framework for node.

Assuming you already have a solid understanding for JavaScript’s basic fundamentals, this blog post might be helpful if you want to begin learning Full stack JavaScript web development such as the MERN or PERN stack (Mongo DB/ PostgreSQL, Express, React, Node).

Let’s start by creating a new directory. I’m going to call mine “blogExpressApp” for the sake of this demo. Next, let’s cd (change directory) into our new project…


As we approach the beginning of the end of our experience at the Flatiron school, we learned React Js. ReactJs is an open-source JavaScript library that is used to build clean user interfaces. React gives the ability for developers to create web applications that can change your data without reloading your page. The main advantage of React JS is that it is scalable, simple and fast. As mentioned in my previous blog post, a large portion of the web development industry is leading towards single page applications which allows for faster and more dynamic web page interactions. React has a…


The traditional way to build a web application in the past was to follow a multiple page application website structure. The name speaks for itself and for all of us who know at least some basics on how websites work are perfectly familiar with the idea behind it: the apps consist of several different pages which get updated upon request. This means that your browser is reloading the entire page from scratch every time you click and try to access new data or want to reach another part of the website. …


Building out my Module 2 Project at the Flatiron school, my partner and I decided to build out a domain where users can put up a home for sale as a listing. As we know, in Ruby, numbers without decimal points are called integers, and numbers with decimal points are usually called floating-point numbers, or floats. When we began coding our project, most commonly a house object would have an attribute for its price as an integer. When we would display the price of a home in the view files, we wrote our code like this:

Displaying the price of the listing to the view.

And we would see…


Moving into the second module of my coding bootcamp experience, last week we ended the first module building our first command line applications. After exchanging ideas back and forth with my partner, we came to a conclusion that we were gonna build a weather application. Using a weather API, a user would sign in and search any desired location which would fetch live weather updates from our API.

Building out our application was a tremendous learning experience, being able to put together all of the skills we had attained through the labs and lectures over the past 2+ weeks. Our…

Barak Saidoff

A creative Full Stack Developer with an entrepreneurial spirit, proficient at Web Application Development using Git and modern web tools.

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