Front-end JavaScript ES6
Module of react Short Specialization, carried out during Software Engineering studies at ALX School.
- REST API
- Redux
- Next Js
All of the following folders are projects done during the studies:
| Project name | Description |
|---|---|
[0x00-Webpack] |
Webpack is a free and open-source module bundler for JavaScript. It is made primarily for JavaScript, but it can transform front-end assets such as HTML, CSS, and images if the corresponding loaders are included. Webpack takes modules with dependencies and generates static assets representing those modules. |
[0x01-react_intro] |
It aims to learn about React, being a free and open-source front-end JavaScript library for building user interfaces based on UI components. |
[0x02-react_props] |
It aims to learn about Props, They are arguments passed into React components. Props are passed to components via HTML attributes. props stands for properties. |
[0x03-React_component] |
Its aims to allow developers to easily create fast user interfaces for websites and applications alike. The main concept of React. js is virtual DOM. It is a tree based on JavaScript components created with React that mimics a DOM tree |
[0x04-React_inline_styling] |
It aims to learn about JavaScript objects that you can render in an element's style attribute. The properties of these style objects are just like the CSS property, but they are camel case borderRadius |
[0x05-react_state] |
It aims to learn about State, It allows us to manage changing data in an application. Also known as an object where we define key-value pairs specifying various data we want to track in the application. In React, all the code we write is defined inside a component. |
[0x06-React_Immutable] |
It aims to learn about enabling quick and cheap comparison of the state tree before and after a change. As a result, each component decides whether to re-render or not before performing any costly DOM operations |
[0x07-react_redux_action_creator_normalizr/] |
It aims to learn about Redux and normalizr |
[0x08-react_redux_reducer_selector/] |
It aims to learn about redux reducer |
[0x09-react_redux_connectors_and_providers/] |
It aims to learn about redux-connectors and providers |