Как связать react с бэком?

Question

[Александр]

Подскажите где можно найти подробный туториал, или хотя бы в каком порядке и что почитать, что бы понять как реализовать авторизацию через passport js на реакте и ноде.
С бэком все понятно, а вот как туда прицепить реакт - не очень

Answer 1

[Insolation]

как правильно реактом с апи общаться

С помощью fetchи с помощью lifecycle методов React'а.

class Test extends Component{
	constructor(){
  	super()
    this.state = {
    	someData: []
    }
  }
  
  componentDidMount(){
  	.fetch(//Ваша урла)
    	.then(data => {
      	return data.json
      }).then(data=>{
      //Делаете что-то например перербор и JSX)
      //Обновляете стейт если надо
      }
  } 
  
  render(){}
}

Comments

[Олег Гамега]

ох и бил бы я по рукам за такое .... в смысле за запрсоы внутри компонента и за стэйт для таких вещей

[Insolation]

Олег Гамега, А можна подробнее, а то я тоже только недавно в реакте?

[Олег Гамега]

Insolation, запросы нужно вынсоить отдлельно, вообще бизнес логике не место в компоненте
также нужно использовать какой то менеджер состояния redux/mobx реальных аналогов по сути пока нет

простой примре вы один раз авториховались но к резултату должны иметь доступ из любого места приложения

Answer 2

[Олег Гамега]

ровно так же как обычно - увас есть апи, spa общаеся с сервером через него, что на сервере для фронтенда вторично

Comments

[Александр]

Вопрос собственно в том как правильно реактом с апи общаться

[Олег Гамега]

Александр, а чем клиент на реакт отличается от любого друго на уровне http ?

все как оюычно - если у вас редукс то сам запрос в action, данные в redux, если mobx то принцип похож, не уверен что праивльно поянл вопрос - с чем имнено пробелма ?