There seem to be an endless number of ways to write the same things in code, and React is no different —like writing functional components vs class components, putting your export statements before the component name or after the entire function…It’s very confusing when you’re first starting out!

Well, I’m here to show you yet another way of writing the same thing in a different way. But I promise hooks are worth the learning curve — they will make your code much cleaner and more readable.

So what are these hooks?

Image for post
Image for post

Hooks

Hooks allow you to use state without writing class components.


Getting started with testing

There are a ton of testing frameworks out there, and when you’re first learning code it’s tempting to ignore testing and just jump right in to the code. But testing can save you a lot of headaches down the road, especially when you’re building bigger applications or working with a team!

Why Cypress

Cypress is an awesome open-source testing framework that has a lot of really cool built-in features:

1. Watch your tests execute in real time

Image for post
Image for post

2. Easily find and add test elements with the Selector Playground

Image for post
Image for post

3. Capture bugs with screenshot and video

Image for post
Image for post

The easiest way to learn anything new (especially in programming) is to jump in and actually get coding, so I’ll give explicit instructions for getting set up, and you can code along! …


Programming requires a lot of typing, but if you’re using Visual Studio Code as your editor, there are some really great keyboard shortcuts built in that can make your coding much more efficient.

*I’ll be showing the mac shortcuts here, but for windows users, just replace the ⌘ with Ctrl.

To look at all the options VS code has to offer, there’s actually a keyboard shortcut to see all the keyboard shortcuts —

see keyboard shortcuts:     ⌘K ⌘S

…and you get:

Image for post
Image for post

Whoa! There are so many…you can read through them all if you’re into that kind of thing- or just keep reading this post that lists the best ones for you. …


If you’re new to Ruby (or any programming language), you may have come across these strange bits of coding when you search stack overflow for answers to life’s greatest questions — like how to count the number of sentences in a string:

string.strip.split(/\w[?!.]/)

You may be wondering — what is this code within a code?

It’s called Regex — short for Regular Expressions! It’s not unique to Ruby (many languages have some form of regex), but we’ll focus on Ruby’s version here.

Regex code is used for specifying a certain search pattern of characters to be matched in a string (like finding words that end with -ing, or places in a string where a space follows a punctuation mark). Once we use this search pattern, we can pull out those matches or manipulate them in some way. …

Melinda Diaz

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