josecarneiro’s gists

josecarneiro / App.jsx

Created December 2, 2022 22:07

lab-react-wiki-countries proposed solution

	import { useState, useEffect } from 'react';
	import { Routes, Route } from 'react-router-dom';
	import CountryDetails from './components/CountryDetails';
	import CountriesList from './components/CountriesList';
	import Navbar from './components/Navbar';

	// import countryListData from './countries.json';
	import axios from 'axios';

	function App() {

josecarneiro / lab-react-ironcontacts-proposed-solution.jsx

Created November 24, 2022 19:03

	import { useState } from 'react';
	import contactList from './contacts.json';

	function App() {
	const [contacts, setContacts] = useState(contactList.slice(0, 5));

	const handleAddRandomContact = () => {
	const remainingContacts = contactList.filter((contact) => {
	return !contacts.includes(contact);
	});

josecarneiro / lab-intro-node-solution.js

Created September 27, 2022 16:49

	class SortedList {
	constructor() {
	this.items = [];
	this.length = 0;
	}

	add(item) {
	this.items.push(item);
	this.items.sort((a, b) => a - b);
	this.length = this.items.length;

josecarneiro / lab-css-flexbox-slack-proposed-solution.html

Created August 17, 2022 10:36

lab-css-flexbox-slack proposed solution

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />

	<!-- link the font awesome CDN -->
	<link
	href="https://use.fontawesome.com/releases/v5.0.1/css/all.css"

josecarneiro / lab-functions-and-arrays-solution.js

Created August 11, 2022 19:09

	// Iteration #1: Find the maximum
	function maxOfTwoNumbers(a, b) {
	if (a > b) {
	return a;
	} else {
	return b;
	}
	// return a > b ? a : b;
	// return Math.max(a, b);
	}

josecarneiro / unit-testing-guided-example-proposed-solution.js

Created August 11, 2022 16:45

	function sum(a, b) {
	if (typeof a === 'undefined' && typeof b === 'undefined') {
	return 0;
	} else if (typeof b === 'undefined') {
	return a + 0;
	} else {
	return a + b;
	}
	}

josecarneiro / ColorSquare.jsx

Created June 7, 2022 17:07

React Training lab iteration 16 solution proposal

	const ColorSquare = (props) => {
	return (
	<div
	style={{
	display: 'block',
	width: '2em',
	height: '2em',
	backgroundColor: `rgb(${props.r}, ${props.g}, ${props.b})`,
	}}
	></div>

josecarneiro / App.jsx

Created June 4, 2022 10:56

lab-wiki-countries proposed solution

	import { useState, useEffect } from 'react';
	import CountriesList from './components/CountriesList';
	import Navbar from './components/Navbar';

	import { Routes, Route } from 'react-router-dom';
	import CountryDetails from './components/CountryDetails';

	function App() {
	const [countries, setCountries] = useState([]);

josecarneiro / lab-react-ironnutrition-proposed-solution.js

Created June 1, 2022 00:44

	import React, { useState } from 'react';

	import foods from './foods.json';

	const MealBox = (props) => {
	const [quantity, setQuantity] = useState(1);
	const meal = props.meal;

	const handleQuantityChange = (event) => {
	const { value } = event.target;

josecarneiro / lab-intro-node-solution.js

Created March 24, 2022 18:16

José Carneiro josecarneiro