Integrate Tailwind and Next.js today

Sailboat on the ocean
Sailboat on the ocean
Photo by Markos Mant on Unsplash.

This story was originally published on ByRayRay.dev

1. Why Use Tailwind CSS?


Why Next.js is a smart choice

Laptop displaying code
Laptop displaying code
Photo by Christopher Gower on Unsplash.

Building Websites in 2010

This story was originally published on ByRayRay.dev

Building Websites in 2020


Learn JavaScript The Easy Way

Image for post
Image for post
Screenshot author (Inspired by Heart Fold Button)

HTML & CSS

<button class="btn btn-like">
<span class="btn-icon btn--icon-default">
<span class="fa fa-heart"></span>
</span>
<span class="btn-icon btn--icon-liked">
<span class="fa fa-heart"></span>
</span>
<span class="btn-content btn-content--liked">
Liked
</span>
<span class="btn-content btn-content--default">
Like
</span>…


Not all discussions are great. Let’s improve them

Spray-painted question mark next to closed door
Spray-painted question mark next to closed door
Photo by Jac Alexandru on Unsplash.

This story was first published on ByRayRay.dev


A Tiny Step At The Time Is More Than Enough To Become A Pro

Image for post
Image for post

This story was first published on ByRayRay.dev

1. Start with the theory first!


Want to write more tutorials but you aren’t sure where to start? Start here

toy truck on a tabletop
toy truck on a tabletop
Photo by Markus Spiske on Unsplash


Code readability is a feature of your application (even if your users don’t see it)

Pair of glasses sitting on a laptop
Pair of glasses sitting on a laptop
Photo by Jesus Kiteque on Unsplash.

TL;DR

  1. Reuse what will be used more than once.
  2. Readability and maintainability over a generic solution.
  3. Make modules, classes, or components as small as possible.
  4. Have rules and guidelines for your code.
  5. Code like you’re in a team — even a one-person team.

1. Reuse What Will Be Used More Than Once


WSL2 is so powerful to make the switch from Mac a breeze.

Image for post
Image for post
Photo by Goran Ivos on Unsplash


Image for post
Image for post
Photo by Markus Winkler on Unsplash

1. Prepare Code Examples


Isolated, Shallow, Integrated, and End to end testing. What is it and when do you use it?

Image for post
Image for post
Photo by Simon Abrams on Unsplash

Test tooling for Angular

About

Dev by RayRay

I write stories about Frontend Dev, JavaScript, Typescript, Angular, NodeJS, Serverless Functions, JAM Stack, FaunaDB, Netlify, Apple, iOS— https://byrayray.dev

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