https://github.com/tafara-n/alx-react

Introduction to frontend development: React.
https://github.com/tafara-n/alx-react

babel enzyme es6 javascript jest react webpack

Last synced: 11 days ago
JSON representation

Introduction to frontend development: React.

• Host: GitHub
• URL: https://github.com/tafara-n/alx-react
• Owner: Tafara-N
• Created: 2024-10-10T10:20:50.000Z (28 days ago)
• Default Branch: main
• Last Pushed: 2024-10-21T16:10:24.000Z (17 days ago)
• Last Synced: 2024-10-22T02:51:00.110Z (17 days ago)
• Topics: babel, enzyme, es6, javascript, jest, react, webpack
• Language: JavaScript
• Homepage:
• Size: 2.18 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Introduction to frontend development with React

## Table of Content

- [Author](#author)

- [Description](#description)

___

- [React Introduction](0x01-react_intro/README.md)

___

- [React Component](0x03-React_component/README.md)

- [React Immutable](0x06-React_Immutable/README.md)

- [React Inline Styling](0x04-React_inline_styling/README.md)

- [React Props](0x02-react_props/README.md)

- [React Redux Action Creator + Normalizr](0x07-react_redux_action_creator_normalizr/README.md)

- [React Redux Connectors and Providers](0x09-react_redux_connectors_and_providers/README.md)

- [React Redux Reducer and Selector](0x08-react_redux_reducer_selector/README.md)

- [React State](0x05-react_state/README.md)

____

- [Webpack](0x00-Webpack/README.md)

____

# Description

- Introduction to frontend development with React.

- This repository contains projects on React, Webpack, and Babel.

_____

# React Introduction

## Concepts

*For this project, we expect you to look at this concept:*

- [React]()

![I will render you](https://github.com/Tafara-N/alx-react/blob/845fde70707611c921feaee363dbb227137db7ce/0x01-react_intro/images/render_you.jpg)

## Resources

**Read or watch:**

- [React Official Website](https://react.dev/)

- [Getting started with React](https://www.taniarascia.com/getting-started-with-react/)

- [Quick Start with React](https://react.dev/learn)

- [create-react-app](https://github.com/facebook/create-react-app)

- [React Developer Tools](https://chromewebstore.google.com/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)

- [What is Babel?](https://babeljs.io/docs/)

- [Enzyme](https://enzymejs.github.io/enzyme/docs/api/shallow.html)

## Learning Objectives

At the end of this project, you are expected to be able to [explain to anyone](https://fs.blog/feynman-learning-technique/), **without the help of Google:**

- How to create a basic Javascript application using React

- How to use the package `create-react-app` to start developing quickly with React

- What JSX is and how to use it

- How to use the React Developer Tools to debug your code

- How to use Enzyme’s Shadow rendering to test your application

- How to use React with Webpack & Babel

## Requirements

- All your files will be interpreted/compiled on Ubuntu 18.04 LTS using node `12.x.x` and `npm 6.x.x`

- Allowed editors: `vi`, `vim`, `emacs`, `Visual Studio Code`

- All your files should end with a new line

- A `README.md` file, at the root of the folder of the project, is mandatory

____

# Webpack

![Webpack is coming](https://github.com/Tafara-N/alx-react/blob/69c457bca75982bba33bbe22220956881dde6344/0x00-Webpack/webpack.png)

## Resources

**Read or watch:**

- [Webpack documentation](https://webpack.js.org/concepts/)

- [Webpack beginner guide](https://www.sitepoint.com/webpack-beginner-guide/)

- [npm-package.json](https://docs.npmjs.com/cli/v10/configuring-npm/package-json)

## Learning Objectives

At the end of this project, you are expected to be able to [explain to anyone](https://fs.blog/feynman-learning-technique/), **without the help of Google:**

- How to setup Webpack for a basic project

- Entry points, output, and loaders

- How to add plugins

- How to split your code into chunks

- How to setup a dev server

## Requirements

- All of your code will be executed on Ubuntu 18.04 LTS using Node `12.x.x`

- Allowed editors: `vi`, `vim`, `emacs`, `Visual Studio Code`

- All of your files should end with a new line

- A `README.md` file at the root of the folder of the project is mandatory

_____

## Author

**Tafara Nyamhunga - [Github](https://github.com/tafara-n) / [Twitter](https://twitter.com/tafaranyamhunga)**