This document provides an overview of React and related technologies including Redux, Redux-Thunk, React-router, and tools for testing and development environments. It introduces React as a JavaScript library for building user interfaces using components in a declarative way. Redux is described as a state container that uses a single source of truth stored in a state object and pure functions called reducers to update the state. Redux-Thunk allows writing asynchronous action creators. React-router provides routing and navigation components. Jest and Enzyme are mentioned as tools for testing React components.

1. React e suas tecnologias na prática

2. WHO AM I ?
Renan Oliveira
Fractal Tecnologia
Front-end developer
renanrboliveira

3. React
● A JavaScript library for building user
interfaces
● Created Facebook / Release Open-
sourced March 2013
● Component-Based
● Declarative
● MIT

4. React
● Virtual-DOM
● JSX
● Presentational and Containers
Components
● Smart and Dumb Components
● React 16 / Fiber

5. Redux
● Redux is a predictable state container for
JavaScript apps.
● Management State
● Three Principles
○ Single source of truth (Store)
○ State is read-only (Actions)
○ Changes are made with pure functions
(Reducers)

6. Redux-Thunk
● middleware for Redux
● Asynchronous
● Allows write action creators that return a
function instead of an action
● The inner function receives the store
methods dispatch and getState as
parameters

7. React-router
● Created React Training
● React Router is a collection of
navigational components that
compose declaratively with your
application
● Browser history

8. Design
● Ant.design
● Bulma
● SASS

9. Jest
● Testing framework
● Created Facebook
● Automatically finds tests
● Automatically mocks
dependencies
● Runs your tests with a fake
DOM implementation
● Runs tests in parallel

10. Enzyme
● JavaScript Testing utility for
React
● Makes it easier to assert,
manipulate, and traverse in
components

11. Environment
● VS Code
● Babel/ES6, ES7
● Webpack 2
● ESlint
● Yarn
● Git (Gitlab)
● Deploy CI (Gitlab), AWS
(S3/Cloudfront)

13. WHO IS USING
● Facebook / Instagram / Whatsapp
(Web)
● Udemy
● Submarino / Americanas / Sky
● Globo.com
● Ifood
● OLX
● Jira

14. THANK YOU!