Реакт натив я бы взял

Нууу не знаю. Я ленив для таких вещей

Я ленив, чтобы потом это делать в компонентах :)

Я ленив, чтобы потом это делать в компонентах :)

Чаще всего тебе это и не нужно)) Геттер дал кусок данных, в компоненте заюзал)

Народ такая тема, коллеге на работе предлагают react выбрать в качестве фреймворка. Какие аргументы применить чтобы склонить к vue.js?

Но по реакту больше экосистема и информации вообще

Для мобилок без вопросов реакт

эх(((

Чаще всего тебе это и не нужно)) Геттер дал кусок данных, в компоненте заюзал)

У меня очень часто Vuex не нужен, чем нужен :)

Мне правда интересно как. Эппл запретил такие аппликухи

Разве что если корпоративные

Чаще всего тебе это и не нужно)) Геттер дал кусок данных, в компоненте заюзал)

Да и вообще, я не хочу спускать во Vue сырые данные. Vue на то и View :)

Мне правда интересно как. Эппл запретил такие аппликухи

что именно запретил? сделанные на реакт натив?

У меня очень часто Vuex не нужен, чем нужен :)

В общем все свелось к тому что мапстейт ты можешь юзать если контроллируешь входящие данные. Если нет, то геттеры и действия

А если ты используешь мапстейт на сырых данных из бэка, то лучше так не делать

Чаще всего тебе это и не нужно)) Геттер дал кусок данных, в компоненте заюзал)

Ещё у меня был проект, где нужно было использовать другой стек на том же API. Я просто импортировал свои наработки по API в этот проект. Удобненько

А если ты используешь мапстейт на сырых данных из бэка, то лучше так не делать

+++

что именно запретил? сделанные на реакт натив?

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

https://stackoverflow.com/questions/37595685/webview-app-on-app-store-will-it-be-accepted

??

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

так реакт натив - это не вебапп как бы)

Ops)

или ты про vue для мобильной?

??

?

Вью

:D

для вью китайцы пилят weex вроде

не знаю, насколько пригодно для работы

Ребят есть у кого идеи или примеры в gist как правильно организовать структуру обращений к REST API axios? Нашел вот это https://gist.github.com/unr/32a4b52192dd3507025603aa75e38970 Но мне не нравится что сам запрос находится в компоненте. Думаю вынести сами запросы в отдельный файл типа http.js или rest.js и там уже будут лежать все запросы, а дергать их буду с компонентов.

Я делаю как в примере shopping-cart. Там запросы в отдельную папку api вынесенные

У меня файл с ресурсами и файлы модули апи

И апи сервис который работает со всем этим.

Ребят есть у кого идеи или примеры в gist как правильно организовать структуру обращений к REST API axios? Нашел вот это https://gist.github.com/unr/32a4b52192dd3507025603aa75e38970 Но мне не нравится что сам запрос находится в компоненте. Думаю вынести сами запросы в отдельный файл типа http.js или rest.js и там уже будут лежать все запросы, а дергать их буду с компонентов.

created() { let all = [this.fetchPosts(), this.fetchMenus()] if (!this.isGuest) { all.push(this.fetchProjects()) } else { this.clearStore('projects') } this.fetchAll(all) }, methods: { fetchPosts () { return this.$http.get('posts') }, fetchMenus () { return this.$http.get('menus') }, fetchProjects () { return this.$http.get('projects') }, fetchAll (all) { this.$bus.$emit('xhr::loading', true) this.$http.all(all) .then((responses) => { responses.forEach((response) => { this.updateStore( response.config.url.split('/').reverse()[0], response.data ) }) this.$bus.$emit('xhr::loading', false) }) .catch((reason) => { this.$bus.$emit('xhr::error.get', reason) this.$bus.$emit('xhr::loading', false) }) },

// resource { posts: get('/posts') } // postsApi Const getPosts = apiService('posts') // usage getPosts().then()

this.$bus это что?

this.$bus это что?

Велосипед

vue-bus npm ?

Автобус вернее

а что он делает?

this.$bus это что?

В доке посмотри про "Шину данных"

Едит

окей

Доставляет)

Детей

По родителям

А где это в доке, про шину данных?

У меня очень часто Vuex не нужен, чем нужен :)

Вот как только начнешь юзать normalizr то к vuex душа сама лежит

Вот как только начнешь юзать normalizr то к vuex душа сама лежит

Хотябы потому, что 1 запрос даёт кучу данных для компонент

this.$bus это что?

/* eslint-disable no-shadow */ import Vue from 'vue' const bus = new Vue() export default function install(Vue) { Object.defineProperties(Vue.prototype, { $bus: { get () { return bus } } }) }

Странно, у меня работает

Ребят есть у кого идеи или примеры в gist как правильно организовать структуру обращений к REST API axios? Нашел вот это https://gist.github.com/unr/32a4b52192dd3507025603aa75e38970 Но мне не нравится что сам запрос находится в компоненте. Думаю вынести сами запросы в отдельный файл типа http.js или rest.js и там уже будут лежать все запросы, а дергать их буду с компонентов.

Apipie + crud!!!

Apipie + crud!!!

* собственный проект Рафика :)

Идея то не плохая

* собственный проект Рафика :)

Вот ни разу не жалею, что у себя на работе заюзал

Странно, у меня работает

Это нормально. Вот, почитай советы “v-cloak” https://medium.com/vuejs-tips/v-cloak-45a05da28dc4

Вот ни разу не жалею, что у себя на работе заюзал

Супер ?

Сейчас по чуть-чуть пилю новую версию, когда время есть

Там стекинг путей добавится

спасибо Рафик, ты как боженька, только чуть лучше =) завтра с утра займусь. Глаза слипаюстся, всем чао!

спасибо Рафик, ты как боженька, только чуть лучше =) завтра с утра займусь. Глаза слипаюстся, всем чао!

чаю

А вопрос следующий: по каким тегам найти ответ на следующую проблему — http://jsfiddle.net/Tyriar/ypb5P/1/ (https://stackoverflow.com/questions/15836753/position-element-over-background-image-but-the-bg-img-changes-size-with-the-win) ? Вкратце — нужно сделать возможность по клику на картинке создавать элементы (например <div>) в месте нажатия, при этом всё это должно быть responsive, то есть элементы не должны съезжать при изменении размеров элемента <img>. Потратил сегодня почти весь день на эту проблему, но нашёл только костыльное решение с привязкой к размеру окна и событиям window resize. Вопрос, конечно, не относится к vue.js, но, надеюсь, есть более опытные товарищи ;)

А вопрос следующий: по каким тегам найти ответ на следующую проблему — http://jsfiddle.net/Tyriar/ypb5P/1/ (https://stackoverflow.com/questions/15836753/position-element-over-background-image-but-the-bg-img-changes-size-with-the-win) ? Вкратце — нужно сделать возможность по клику на картинке создавать элементы (например <div>) в месте нажатия, при этом всё это должно быть responsive, то есть элементы не должны съезжать при изменении размеров элемента <img>. Потратил сегодня почти весь день на эту проблему, но нашёл только костыльное решение с привязкой к размеру окна и событиям window resize. Вопрос, конечно, не относится к vue.js, но, надеюсь, есть более опытные товарищи ;)

Слушай, а бутстрап не работает там?

Не, бутстрапа нет ;)

element-ui есть только

Не, бутстрапа нет ;)

Ну если ты подключишь - то че?

Ну могу подключить, только смысл?

ERROR: S client not available

Насколько я понял, в 2013-м году эта проблема была нерешаема в принципе, приходилось использовать js-костыли, чтобы вручную задать css-координаты

Вот как только начнешь юзать normalizr то к vuex душа сама лежит

А покажи как юзаешь его

Заинтересовала библиотека

У нас с ростом логики, вложенность увеличивается

Было бы намного проще если бы я знал, как получить текущую длину-высоту элемента в vue/js

This.$el

Так погоди. А у тебя в фидле то че ваще?

Ну тип пример, что я хочу сделать

Нажимаешь на картинку, появляется красная точка

При изменении размера экрана она остаётся на том же месте картинки

В данном примере точка просто фиксирована и пересчитывается через js

On.resize

При изменении размера экрана она остаётся на том же месте картинки

Практикуй CSS и Native JS все у тебя получится ))))

Да, в том то и дело, можно ли без JS это сделать

Да

Точку абсолютом через ксс

Лол

Ну я пробовал так, это не работает. Сейчас пример покажу...

Не - все точки по центру и транслейтом разогнаны

3Д

Спираль синусами

const getRandomInt = function (min, max) { min = Math.ceil(min) max = Math.floor(max) return Math.floor(Math.random() * (max - min)) + min }

const flipItemImage = function (items) { let turnOn = true items.forEach((item) => { if (item.classList.contains('flipped')) { item.classList.remove('flipped') turnOn = false } }) if (turnOn) { items.item(getRandomInt(0, items.length)).classList.add('flipped') } }

И ниче не тормозит

Не понял, как именно это сработает. fiddle?

Не понял, как именно это сработает. fiddle?

А это не сработает

Это у меня норм)))

&.flipped transform rotate3d(0.4, 0.4, 0, 1465deg)

Знаешь че будет?

transition transform .4s cubic-bezier(0.860, 0.000, 0.070, 1.000)

Но есть другая сторона