Сообщество, привет.
Есть либа для работы с модалками на bootstrap_3 (PeppeL-G/bootstrap-3-modal), но на моем проекте bootstrap 4.
Подскажите, пжл., библиотеку для рендеринга в реал тайме шаблонов с модалками на bootstrap_4 как это делает (PeppeL-G/bootstrap-3-modal)

https://t.me/joinchat/AAAAAEg_I7E0xJBVfrKqCA
Фальшивые деньги
С рук не отличить
🤑🤑🤑🤑🤑🤑🤑🤑

@JWo1F Оффтопик вроде?

Done

:)

Hi!
I'm using React and D3 and need my data to be reactive.
I'm using hooks. useTracker and useEffect but can't get the D3 component to update with changes made to the documents.
I'm guessing the problem is with useEffect not acknowledging the changes in the collection...

Can anybody help here?

mb some code examples that not working?

const D3Animatables = () => {

 const { subs_animatables, animatables } = useTracker(() => {
    const
         subs_animatables = Meteor.subscribe("animatablesPub"),
         animatables = Animatables.find().fetch()
     ;

     return {
       subs_animatables,
       animatables
     };
 });

 const svgRef = useRef();

 useEffect(() => {
   const svg = select(svgRef.current);
   
   svg
     .selectAll("circle")
     .data(animatables)
     .join(
       enter => enter
         .append("circle")
         .attr("r", a => a.radius)
         .attr("cx", a => 100 * (animatables.indexOf(a) + 1))
     )
 }, [animatables]);

 return <svg ref={svgRef}></svg>;

There you go.  I need the circles to be responsive to changes made on the database (animatables)

Сегодня, сейчас! Meteor Impact Conference 2020, не отходя от рабочего стола — https://impact.meteor.com

Добрый день. Ищу программиста в штат на Meteor JS - удаленная работа. Подробности в PM

Здравствуйте, добавил перемётную в бот, но она в базу не добавилось
Стоит save как сохранить
Менял на update
Но не обновляется база и не добавляет переменную в базу

Как добавить без сброса база?

База mongodb в нетаангелс

This will not work you have do it like this :

Either:

const D3Animatables = () => {

 const { subs_animatables, animatables } = useTracker(() => {
    const
         subs_animatables = Meteor.subscribe("animatablesPub"),
if(Animatables.find().fetch() !== undefined) {
animatables = Animatables.find().fetch();

     return {
       subs_animatables,
       animatables
     };
 });

 const svgRef = useRef();

 useEffect(() => {
   const svg = select(svgRef.current);
   
   svg
     .selectAll("circle")
     .data(animatables)
     .join(
       enter => enter
         .append("circle")
         .attr("r", a => a.radius)
         .attr("cx", a => 100 * (animatables.indexOf(a) + 1))
     )
 }, [animatables]);

 return <svg ref={svgRef}></svg>;

KalXeTu, [٢١.٠٩.٢٠ ١٦:٢٥]
There you go.  I need the circles to be responsive to changes made on the database (animatables)

sorry I can not write correctly here I will write it in a text editor then post it here please wait for me

Your code will always return errors because you are displaying data while data is not ready yet!
You have to scenarios to solve this problem:
1):
//////////////////////////////////////////////////////////////////////////////////////////////

const D3Animatables = () => {

 const { animatables } = useTracker(() => {
    const animatables  = Meteor.subscribe("animatablesPub") !== undefined ? Animatables.find().fetch() : undefined;

     return {
       animatables
     };
 });

 const svgRef = useRef();

 useEffect(() => {
   const svg = select(svgRef.current);
   
   svg
     .selectAll("circle")
     .data(animatables)
     .join(
       enter => enter
         .append("circle")
         .attr("r", a => a.radius)
         .attr("cx", a => 100 * (animatables.indexOf(a) + 1))
     )
 }, [animatables]);

 return animatables ? (<svg ref={svgRef}></svg>) : (<></>);
 
//////////////////////////////////////////////////////////////////////////////////////////////
 
2) Which I highly recommend:

//////////////////////////////////////////////////////////////////////////////////////////////
const D3Animatables = () => {

 const ready = useTracker(() => Meteor.subscribe("animatablesPub").ready());
 
 const {animatables } = useTracker(() => {
   if(ready) {
     return { Animatables.find().fetch() };
   }
   return { undefined };
 }, [ready]);

 const svgRef = useRef();

 useEffect(() => {
   const svg = select(svgRef.current);
   
   svg
     .selectAll("circle")
     .data(animatables)
     .join(
       enter => enter
         .append("circle")
         .attr("r", a => a.radius)
         .attr("cx", a => 100 * (animatables.indexOf(a) + 1))
     )
 }, [animatables]);

 return ready ? (<svg ref={svgRef}></svg>) : (<></>);
//////////////////////////////////////////////////////////////////////////////////////////////

P.S: I did not check the useEffect() code so double check it after updating your code!

Thanks so much Muhammad Salem for your efforts. I finally solved this a while ago. As I suspected, there was something pretty basic missing in my picture and now it sounds obvious. Debugging with Chrome. Yeah. There I saw that the real error was ERR_CLEARTEXT_NOT_PERMITTED and that gave me a good hint on how to solve it.
I followed this answer on Stack Overflow: https://stackoverflow.com/questions/54752716/why-am-i-seeing-neterr-cleartext-not-permitted-errors-after-upgrading-to-cordo/54752717#54752717

I'll take some time and check out your propositions too ;)
Thanks again

You are welcome @KalXeTu and sorry for being late in replying to your post I really replied as soon as I have seen it. Glad that you have solved it a while ago and I hope my propostion will be useful to you 😊. And I am always happy to see new people using Meteor and I am always willing to help so do not hesitate to contact me or post your problems here 😊