ДЗ №8 (1) #196

necrolyss · 2018-07-14T13:34:51Z

No description provided.

jpiggg · 2018-07-14T13:35:57Z

src/components/AuthContext.js

+  }
+}
+
+const AuthConsumerHOC = WrappedComponent =>


не забудь убрать весь этот файл, он не нужен, тут много лишней логики, которая не нужна)

jpiggg · 2018-07-14T13:39:12Z

src/components/UserPage.js

+class UserPage extends Component {
+
+  fetchData = () => {
+    this.props.getLoginRequest();


ты должен научить эту компоненту понимать, есть ли имя пользователя и в зависимости от этого отправлять 2 разных экшена getLoginRequest или getUserInfoRequest

jpiggg · 2018-07-14T13:40:37Z

src/ducks/user-actions.js

+});
+
+export { getLoginRequest, getLoginSuccess, getLoginFailure,
+  getUserInfoRequest, getUserInfoSuccess, getUserInfoFailure };


оО тут должно быть 4 экшена, а у тебя целых 6

jpiggg · 2018-07-14T13:41:40Z

src/ducks/user-reducers.js

+  getLoginFailure,
+  getUserInfoRequest,
+  getUserInfoSuccess,
+  getUserInfoFailure


4 экшена

jpiggg · 2018-07-14T13:42:54Z

src/ducks/user-reducers.js

+
+const userInfo = handleActions(
+  {
+    [getUserInfoSuccess.toString()]: (_state, action) => action.payload.data


нужно убрать во всех редьюсерах вот тут вызов toString()

jpiggg · 2018-07-14T13:45:33Z

src/sagas/users.js

+} from "../ducks/user-actions";
+
+function* fetchUserWatch(action) {
+  while (true) {


Цикл в данном случае не нужен.
Он был нужен конкретно для саги авторизации, там более сложная логика, по которой тебе нужно было научиться понимать разные случаи для пользователя такие, как: пользователь перешел на любую страницу и нужно проверить авторизован ли он или нет

В саге пользователя тебе нужно запускать сагу только при получении конкретных экшенов и делать после этого последовательную работу 1 раз, зачем тут цикл?

советую пересмотреть вебинар Артема про саги, думаю, что это будет полезно

jpiggg · 2018-07-14T13:53:22Z

src/sagas/users.js

+  while (true) {
+    try {
+      const userLookupResult = yield call(getTokenOwner);
+      let loginSuccessResult = getLoginSuccess(userLookupResult);


Пожалуйста, называй переменные констистентно:) Очень трудно читать код, когда у тебя сага, относящаяся к пользователю называется searchRequestWatch - при чем тут поиск вообще?
Приходится тратить гораздо больше времени на чтение кода, когда нет констистентности в именовании

let loginSuccessResult - это можно было бы назвать просто response

jpiggg · 2018-07-14T13:57:45Z

src/sagas/users.js

+}
+
+function* searchRequestWatch() {
+  yield takeLatest(getLoginRequest, fetchUserWatch);


эта сага должна реагировать на 2 экшена, на проверку владельца токена ( getLoginRequest - его лучше назвать fetchTokenOwnerRequest - тогда сразу понятно, что тут происходит) и второй экшен getUserInfoRequest. В try/catch ты должен в замисимости от того или иного экшена вызывать эффект call (в одном случае в него передавать getTokenOwner, а в другом getUserInformation)

jpiggg · 2018-07-14T13:58:47Z

src/sagas/users.js

+    try {
+      const userLookupResult = yield call(getTokenOwner);
+      let loginSuccessResult = getLoginSuccess(userLookupResult);
+      yield put(loginSuccessResult);


Посмотри внимательно на эту строку, неправильно используешь эффект put
В этот эффект ты должен передать экшен (на строке 20 этого файла ты правильно делаешь)

jpiggg · 2018-07-20T07:25:02Z

src/ducks/follower-reducers.js

+  null
+);
+
+export const LOADING_STATE = {


этой константы не должно быть

jpiggg · 2018-07-20T07:27:20Z

src/ducks/follower-reducers.js

+const loadingState = handleActions(
+  {
+    [getFollowersRequest.toString()]: () => LOADING_STATE.loading,
+    [getFollowersSuccess.toString()]: () => LOADING_STATE.success,


зачем тут константы?
я уже, кажется, писала про toString(), по крайней мере говорила про это на групповом созвоне в прошлое воскресенье. так писать не надо

export const isFetched = handleActions( { [fetchFollowersRequest]: () => false, [fetchFollowersSuccess]: () => true, [fetchFollowersFailure]: () => true }, false );

вот так должно быть, просто флаги, не нужно усложнять логику)

Про именование тоже говорила на созвоне, этот редьюсер лучше назвать isFetched

jpiggg · 2018-07-20T07:28:26Z

src/ducks/follower-reducers.js

+export const isFetching = state => {
+  let currentState = state.login.loadingState;
+  return currentState === LOADING_STATE.idle
+    || currentState === LOADING_STATE.loading;


используй флаги

export const isFetching = handleActions( { [fetchFollowersRequest]: () => true, [fetchFollowersSuccess]: () => false, [fetchFollowersFailure]: () => false }, false );

dex157 · 2018-07-31T07:36:04Z

У тебя беспорядок со структурой папок и файлов в коде:

В src/ лежит App.js который не нужен в проекте
В src/ducks беспорядок, network сделан папкой, остальные файлы сгруппированы через дефис. - Нужно держать все в одном стиле, я помню что network скинул тебе я, но если ты хочешь свою структуру файлов, то нужно было привести network к ней.
Именование модулей через дефис бессмысленно, нужно делать через папки
Компоненты без папок, с 5 компонентами у тебя в одной папке 12 файлов, это быстро приведет к тому, что ориентироваться в папке станет невозможно, нужно держать структуру в чистоте.

dex157 · 2018-07-31T07:37:04Z

src/components/Login.js

+          </p>
+          <input
+            onChange={this.handleChange}
+            onKeyPress={(e) => this.handleKeyPress(e)}


Почему тут (e) => this.handleKetPress(e)? нужно просто onKeyPress={this.handleKeyPress}

dex157 · 2018-07-31T07:39:23Z

src/ducks/followers-reducers.test.js

+  const payload = [
+    {
+      data: { login: "test1", id: 1 },
+      data: { login: "test2", id: 2 }


Тут второй payload.data затрет первый payload.data, payload будет иметь структуру

[ { data: { login: "test2", id: 2 } } ]

jurijsgrabovskis added 4 commits July 10, 2018 22:42

ДЗ dex157#8 : что-то

3dbaee6

ДЗ dex157#8 : доведено до компилирующегося состояния

25ccb3b

ДЗ dex157#8 : странный логин

8e81695

ДЗ dex157#8 : логин с зацикливанием

2f7b9c9

jpiggg reviewed Jul 14, 2018

View reviewed changes

jurijsgrabovskis added 4 commits July 14, 2018 18:37

ДЗ dex157#8 : подгрузка данных пользователя

47442c6

ДЗ dex157#8 : выпилен AuthContext

ddb364a

ДЗ dex157#8 : фикс билда

5a1768d

ДЗ dex157#8 : 2ая часть

c3bb18f

jpiggg reviewed Jul 20, 2018

View reviewed changes

jurijsgrabovskis added 2 commits July 22, 2018 16:10

ДЗ dex157#8 : 2ая часть (тесты)

5179a04

ДЗ dex157#8 : 3ая часть

dba9109

dex157 reviewed Jul 31, 2018

View reviewed changes

ДЗ dex157#8 : правки по ревью

57558ef

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ДЗ №8 (1) #196

ДЗ №8 (1) #196

necrolyss commented Jul 14, 2018

jpiggg Jul 14, 2018

jpiggg Jul 14, 2018

jpiggg Jul 14, 2018

jpiggg Jul 14, 2018

jpiggg Jul 14, 2018

jpiggg Jul 14, 2018 •

edited

Loading

jpiggg Jul 14, 2018

jpiggg Jul 14, 2018 •

edited

Loading

jpiggg Jul 14, 2018

jpiggg Jul 14, 2018

jpiggg Jul 20, 2018

jpiggg Jul 20, 2018

jpiggg Jul 20, 2018 •

edited

Loading

dex157 commented Jul 31, 2018 •

edited

Loading

dex157 Jul 31, 2018

dex157 Jul 31, 2018 •

edited

Loading

ДЗ №8 (1) #196

Are you sure you want to change the base?

ДЗ №8 (1) #196

Conversation

necrolyss commented Jul 14, 2018

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

jpiggg Jul 14, 2018 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

jpiggg Jul 14, 2018 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

jpiggg Jul 20, 2018 • edited Loading

Choose a reason for hiding this comment

dex157 commented Jul 31, 2018 • edited Loading

Choose a reason for hiding this comment

dex157 Jul 31, 2018 • edited Loading

Choose a reason for hiding this comment

jpiggg Jul 14, 2018 •

edited

Loading

jpiggg Jul 14, 2018 •

edited

Loading

jpiggg Jul 20, 2018 •

edited

Loading

dex157 commented Jul 31, 2018 •

edited

Loading

dex157 Jul 31, 2018 •

edited

Loading