Deploying MERN App to Heroku (using your Git Master Branch & MongoDB Atlas) As of November 10, 2020, mLab will be shutting down its services. If you need to migrate your database to use Atlas from mLab, you are strongly recommended to use their tool to migrate to Atlas. Click here for instructions. The rest of the
Zoom - Getting Started Collaborating through zoom, slack, and other digital channels is likely be a daily (if not hourly) event during your time at V School and in your career afterwards. While these
Express Rock The Vote - Level 6 You are going to create a full stack application with user authentication created with Node, React, Express, Mongoose & Mongodb that allows users to post and upvote or downvote political
React React Props Introduction React is composed of Components that represent parts of the UI that the user interacts with. When you are first learning react, it can be hard to see the
React Hooks React has come a long way since its beginning back in May 2013 when it was made open source. While the core concepts of the framework have remained the same,
Webpack - Bundling Frontend & Fullstack React Applications. What is Webpack? Webpack is a module bundler we can use to bundle our Node projects, such as any app you have been making in React. When you write applications
React Rolling Dice with React State Using what you have just learned about state in React, you are going to create a <DiceBox /> component that renders 5 dice numbers for the user to view.
Jest : Your First Test Jest is an awesome testing library maintained by employees at facebook and open source contributions. Jest is used for running tests on your code. It both runs your tests and provides the methods needed to write the tests. Jest Documentation Installation To install jest,
Error-Handling Error Bound( ries ) Before doing this assignment, make sure you have read our write up on ErrorBoundary components. That article can be found here. CD into your assignement folder and run the following
React React Error Boundaries Error Boundaries in React help us face a few error handling issues head on. The first issue it helps us with is thrown errors. If an error is thrown inside
React Render Probs... Before taking on this debugging challenge, make sure to read our article on render props or this is likely to not make much sense! - Render Props You have been
Exercise Changing Themes using Context Using what you have just learned about React Context, you are tasked with making a ThemeProvider context for a new application. Your goal is build a home page that offers
Transitions with react-transition-group This article is intended to help you build meaningful transitions into your applications. While it is extremely easy to overdo it with animations and transitions, they can also add a professional feel when done correctly. This article will use the react-transition-group module. Note: Each
Deployment Deploying your MERN project with Heroku (using your Master Git Branch) Heroku is an excellent service that specializes in making deployment of your web application quick and painless. Fortunately for us, it also has a free tier that will be perfect
HTTP and the Internet In this article we will be going over the basics of HTTP, along with how information is passed around the web between web servers and web browsers. This is important
Redux Contacts (React) Build a contact management system using Redux in React. Your redux store will be in charge of maintaining and updating your contact list. You will create actions that when sent
Demystifying REGEX A Regular Expression is simply a sequence of characters that define a search pattern. Regular expressions can be given to languages like Javascript to have it search a string for
Set Timeout and Set Interval setInterval and setTimeout are two of the higher order functions in Javascript. Higher order functions take a function as one of their arguments like we see below: setTimeout(function(){}); setInterval