Reinald Reynoso reireynoso

Reinald Reynoso

Full Stack Developer || Educator

Email: [email protected]
Phone: (201) 779-8062
Location: Jersey City, NJ
Github || LinkedIn || Personal Website

Summary:

Motivated web developer with experience building full stack applications with Javascript, NodeJS, ExpressJS, Ruby, React, Ruby on Rails, SQL and NoSQL databases, HTML/CSS, RESTful API architecture and MVC paradigm. Committed to education and EdTech principles contributing multiple programming concepts through blogs, videos, and repositories. Well-versed in instruction, collaboration, and complex problem solving.

	let firstNumber = 200;

	function getThatNumber(){
	let firstNumber = 500;
	function findNum(){
	console.log('This is your number: ' + firstNumber)
	}
	findNum()
	}

	let name = "Bob";

	function hello(){
	let greeting = "Heya";
	function displayGreeting(){
	console.log(greeting + ' ' + name)
	}
	displayGreeting();
	}

	function greet(whattosay){
	return function (name){
	console.log(whattosay + ' ' + name)
	}
	}

	const sayHi = greet("Hello")
	sayHi('Person')

	import React from "react";
	import ReactDOM from "react-dom";

	import App from "./App";
	import { Provider } from "./GlobalState";
	import reducer, { initialState } from "./reducer";

	const rootElement = document.getElementById("root");
	ReactDOM.render(
	<React.StrictMode>

	import React, { createContext, useContext, useReducer } from "react";

	export const StateContext = createContext();

	export const Provider = ({ reducer, initialState, children }) => (
	<StateContext.Provider value={useReducer(reducer, initialState)}>
	{children}
	</StateContext.Provider>
	);

	export const initialState = {
	view: "home"
	};

	const reducer = (state, action) => {
	switch (action.type) {
	case "SET_VIEW":
	return {
	...state,
	view: action.view

	import React, {useRef, useState} from 'react'

	const MessageInputComponent = () => {
	const [message, setMessage] = useState("")
	const sentMessage = useRef(0);

	const sendMessage = () => {
	if(sentMessage.current === 3){
	return alert("Message Limit Reached")
	}

	import React from 'react'

	const AnotherComponent = React.forwardRef((props, ref) => {
	return (
	<h1>Another Component</h1>
	<input type="text" ref={ref} />
	)
	})

	export default AnotherComponent

	import React, { useRef } from "react";
	import AnotherComponent from './AnotherComponent'

	const SampleComponent = () => {
	const textInputRef = useRef(null);

	const buttonClick = () => textInputRef.current.focus();

	return (
	<React.Fragment>