Manual do Psicólogo Consciente em Marketing Digital

Welcome to JavaScript Now and Then

ES2015 primer

1. Using single expressions as the return value in arrow functions in JavaScript

Introduction to High Order Functions

Map and Reduce glimpser

1. Reference

Using babel to run an es2015-based script test.js

1. Learnings
2. Issue with this article
3. References

What about updating a component that uses map to filter out its element by a prop (sent from parent)

1. Before
2. After

Bundlers and HTML app start points

1. References

Components, states, and interoperation among them

1. Why and how to conciliate component hierarchies with shared states

Understanding actions and the feedback cycle to feed React components using Redux

1. Within actions: what kinds of actions are possible?

Mess about the ways to define components

1. Pure Component

https://60devs.com/pure-component-in-react.html

Stateless components and application states

1. Question - One emerging question here was that right upfront I have stumbled in something called stateless
2. Stateless components - WTF are the arguments?

Emulating data — so far static

Get started with some client-side “business” logic

Example of AsyncStorage in a React Native App

1. Introduction
2. Main App
3. The List component with async storage

Example of React Native Redux app bringing a collection of products to the screen

1. Pretesting the sample to see if works
2. Recap of what I did to get here - you can also look at the commits
3. Adding the redux “app” initial folder structure
4. References

This expands a prior React Redux app to have a persist store using redux-persist

1. Modification to the configStore
2. References

A React Native example, building for Android and installing manually with adb in the device

1. Get the React Native Redux sample app “Fake store items load”
2. Publish the Android build using expo
3. Check the status
4. Get the URL
5. Setup the Android SDK classpath
6. Deploy in the devices

Let’s have E2E tests for our app

1. The initial code — just a create-react-native-app myAppAndE2ETests
2. Preparing for Jest and Appium
3. Installing web driver
4. Running appium
5. Running the device
6. Setup script for test
7. Start React Native run server and run your tests
8. Edit your App.js
9. Run test
10. References

Communicating among components using the React’s built in Context API

1. Code changes to have the shared context at the child:

doc-js-webpack-dev-with-proxy-for-express

1. What are the sources and repositories here for?
2. Making sure certain files are not to be in the version control
3. Setup myProject
4. Initialize package.json
5. Install React, React-DOM, Webpack, Webpack-dev-server
6. Setup scripts in the ./myProject/package.json
7. Preparing your React-based app with Webpack and Babel (for ES6 and React support)
8. Let’s make a Node-based Express-based app.js server for serving the API
9. Patching webpack.config.js to have a proxy
10. Setup the new AJAX component to load from the app.js express