bookcasey

How to fix common Node/pg compatability issues locally and on Heroku

Certain versions of the pg library do not play nice with certain versions of node.

The following combinations are known to work:

• Node v12 and pg@7
• Node >=v14 and pg@8

Additionally, different versions of pg on heroku requires certain ssl options to be set certain ways.

nathanielmata

So you want to merge two repos?

Here are some steps that worked for me on two repos with very few merge conflicts.

If you have two repos, repoA and repoB, and you want to copy everything including the history of repoB into repoA

1. on your local machine create a directory called temp-dir and cd into it

mkdir temp-dir
cd temp-dir

Auraelius

Compare GUI vs CLI

You should plan on becoming good at all sorts of user interfaces. Each form of user interface has its advantages and disadvantages. Using only one style of UI is as silly as only using one kind of editor or one language. "Specialization is for insects." - Heinlein

• CLI - good for
  • low bandwidth environments (talking to cloud servers)
  • very fast interactions for users that already know which command to use
  • can use scripts and the alias command to create powerful custom commands
• GUI - good for
• exploring functionality & learning

Auraelius

Topics

• Testing overview (slides)
• Intro to Mocha, chai, and supertest (slides)
• Debugging tests (extra)
• Tonight's assignment (slides)

Misc details

Testing concepts

• Four phases of a test

DjjimmyHD

First Day Install

So I have had a few people ask me, what do I run on my machine or how to get started coding on a mac. This is running, imperfect list, of how to get going. I will add more support and probably some videos later. For now this set up is for MAC ONLY a few of these items will mess up a windows and linux machine. I am hoping to have a windows/linux walkthrough soon, until then please be patient 🥳.

Productivity & Applications

1. Sign up for Trello
2. Install VSCode - Text Editor (other editors like Atom, Sublime, etc. are fine if that's your preference)
3. Install Spectacle for window management

tomhicks

/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()

DjjimmyHD

Data Protection and Hashing

Helpful Resources

• Stack Overflow Salt/Hash
• Medium Article on Hashing
• Different Source About Hashing
• Hashing Data Structure
• npm bcrypt
• npm bcryptjs

DjjimmyHD

Capstone Pro Tips

Propose Your Idea

Every good app starts with an idea. Here are a few things that should be included in you proposal

• Project Description
• What problem does your project solve?
• Who has this problem?
• How will your project solve this problem?

threepointone

https://twitter.com/snookca/status/1073299331262889984?s=21

‪“‬In what way is JS any more maintainable than CSS? How does writing CSS in JS make it any more maintainable?”

‪Happy to chat about this. There’s an obvious disclaimer that there’s a cost to css-in-js solutions, but that cost is paid specifically for the benefits it brings; as such it’s useful for some usecases, and not meant as a replacement for all workflows. ‬

‪(These conversations always get heated on twitter, so please believe that I’m here to converse, not to convince. In return, I promise to listen to you too and change my opinions; I’ve had mad respect for you for years and would consider your feedback a gift. Also, some of the stuff I’m writing might seem obvious to you; I’m not trying to tell you if all people of some of the details, but it might be useful to someone else who bumps into this who doesn’t have context)‬

So the big deal about css-in-js (cij) is selectors.

gaearon

If you haven’t worked with JavaScript in the last few years, these three points should give you enough knowledge to feel comfortable reading the React documentation:

• We define variables with let and const statements. For the purposes of the React documentation, you can consider them equivalent to var.
• We use the class keyword to define JavaScript classes. There are two things worth remembering about them. Firstly, unlike with objects, you don't need to put commas between class method definitions. Secondly, unlike many other languages with classes, in JavaScript the value of this in a method [depends on how it is called](https://developer.mozilla.org/en-US/docs/Web/Jav