keithkiama Goto Github PK

followers: 11.0 following: 11.0 repos: 280.0 gists: 0.0

Name: Keith Kiama

Type: User

Company: @Skylartech-Limited

Bio: Full-Stack Developer

Location: Kenya, Nairobi

💫 About Me:

Full Stack Engineer currently undertaking a Data Science degree.

🌐 Socials:

💻 Tech Stack:

📊 GitHub Stats:

🏆 GitHub Trophies

✍️ Random Dev Quote

Keith Kiama's Projects

react-hooks-forms

Understand what "controlled components" are in React / Implement controlled components by synchronizing input values with component state

react-hooks-forms-abstraction

Make our form logic more reusable by creating a dynamic onChange event handler

react-hooks-forms-lab

Implement a controlled form

react-hooks-forms-submit

Handle a form's submit event in React / Use controlled inputs to validate values

react-hooks-import-export

Understand why it's important to split up our code into smaller files / Learn how import and export support our ability to build modular code / Understand the different ways to import and export code

react-hooks-import-export-lab

Use the default and named import/export syntax to access variables across multiple files

react-hooks-information-flow-code-along

Understand the flow of information between components with props / Use callback functions as props to update state in a parent component

react-hooks-information-flow-lab

Use callback functions to update state in a parent component / Move state based on which components need access to it

react-hooks-jsx-lab

Use JSX syntax to create DOM elements

react-hooks-lists-and-keys

Transform arrays of data into arrays of JSX elements / Understand the need for the key prop and when to use it

react-hooks-lists-and-keys-lab

Transform a list of values into a list of components / Use the key prop correctly with the list of components

react-hooks-mock-code-challenge-gregslist

Gregslist code challenge

react-hooks-npm-lab

Use a package.json file to manage project dependencies / Install a project dependency using npm / Import code from a package into a JavaScript file

react-hooks-props-basics

Use props to make reusable component templates / Understand how props are passed to a component

react-hooks-props-basics-lab

Use props to make a dynamic component template / Pass props from a parent component to a child component

react-hooks-props-destructuring

Use destructuring to access props more easily / Declare default values for destructured props

react-hooks-react-app-example

Understand the folder structure and key files for running a React application / Explore the structure of a basic React component / Debug React components using the React Developer Tools

react-hooks-react-router-code-along

Add react-router-dom to an existing / React application Create multiple client-side routes

react-hooks-react-router-dynamic-routes

Create nested routes in React Router / Use URL parameters in React Router / Use the useRouteMatch and useParams hooks to access information about React Router's internal state

react-hooks-react-router-programmatic-navigation

Understand the use cases for programmatic navigation / Use the useHistory hook to perform programmatic navigation / Use the <Redirect> component to perform programmatic navigation

react-hooks-react-router-routes-lab

Use the <Route> component to display different components based on the URL / Use the <NavBar> component to allow client-side navigation

react-hooks-running-tests

Use Jest to run tests on specific files

react-hooks-simple-data-fetching-lab

Use the useEffect hook to fetch data from an API and set state

react-hooks-state

Understand what state is / Explain the difference between state and props / Initialize and update state in a React component / Understand how updating state causes components to re-render

react-hooks-state-and-events-codealong

Use the useState hook to create state within a component / Update state based on events

react-hooks-state-and-events-lab

Update state based on events / Work with multiple state variables together

react-hooks-state-arrays

Understand how to work with arrays in state

react-hooks-state-events-mini-project

Use state and events to make components dynamic / Implement controlled components

react-hooks-use-context

Understand the use cases for React Context and what problems it solves / Use createContext and the useContext hook to work with Context

react-hooks-use-effect

Understand side effects in programming / Use the useEffect hook to write side effects in components / Control when the side effects run by using a dependencies array with useEffect