951 Matching Annotations
  1. Apr 2024
    1. For React 18 onwards, this library have been deprecated and should be replaced with @testing-library/react.

  2. Mar 2024
    1. Résumé de la vidéo [00:00:04][^1^][1] - [00:09:22][^2^][2]:

      La vidéo aborde les stratégies pour gérer les enfants avec TDAH et troubles oppositionnels, en mettant l'accent sur le renforcement positif, la motivation, et la gestion des routines quotidiennes. Elle souligne l'importance de préserver les liens affectifs et de prioriser l'autonomie de l'enfant sur les devoirs scolaires.

      Points forts: + [00:00:04][^3^][3] Gestion du TDAH * Stratégies pour les enfants * Renforcement positif + [00:01:32][^4^][4] Importance des liens affectifs * Plus importants que les devoirs * Préservation du lien parent-enfant + [00:03:32][^5^][5] Autonomie de l'enfant * Priorité sur les devoirs scolaires * Importance de la vie sociale + [00:04:41][^6^][6] Stratégies pour les routines * Gérer les oppositions quotidiennes * Valorisation et lâcher-prise

    1. Résumé de la vidéo [00:00:03][^1^][1] - [00:20:32][^2^][2]:

      La vidéo aborde le trouble du déficit de l'attention avec hyperactivité (TDAH), en déconstruisant les idées reçues et en discutant des approches d'évaluation, de diagnostic, et de prise en charge, tant pour les garçons que pour les filles.

      Points forts: + [00:00:14][^3^][3] Déconstruction des idées reçues * Importance de l'évaluation avant le diagnostic * Impact des mythes sur la prise en charge + [00:03:30][^4^][4] Surdiagnostic et prévalence du TDAH * Distinction entre augmentation des diagnostics et prévalence stable * Importance de l'évaluation pour la détection + [00:07:08][^5^][5] TDAH chez les filles * Évolution de la représentation du TDAH chez les filles * Influence des biais de genre sur le diagnostic + [00:11:59][^6^][6] Prise en charge scolaire * Formation des enseignants et autonomie des élèves * Efficacité des interventions explicites + [00:16:37][^7^][7] Rôle de l'éducation parentale * Impact de l'environnement familial sur le TDAH * Importance de l'accompagnement parental Résumé de la vidéo [00:20:33][^1^][1] - [00:22:00][^2^][2]:

      La partie 2 de la vidéo aborde la nécessité d'une collaboration entre les parents et les professionnels pour réparer les problèmes comportementaux, en utilisant l'analogie d'une voiture nécessitant des réparations régulières. Il souligne l'importance de l'information et de la formation pour éviter les idées reçues et les biais cognitifs, en particulier en ce qui concerne le TDAH et les comportements tyranniques.

      Points forts: + [00:20:33][^3^][3] Collaboration nécessaire * Comparaison avec la réparation d'une voiture * Importance de l'implication parentale + [00:21:02][^4^][4] Éviter les idées reçues * Importance de l'information et de la formation * Attention aux biais cognitifs + [00:21:47][^5^][5] Comportements tyranniques * Ne pas créer de nouvelles idées fausses * Développer des approches d'accompagnement

    1. Résumé de la vidéo [00:00:03][^1^][1] - [00:08:29][^2^][2]:

      La vidéo présente des stratégies pour les parents confrontés au burn-out parental, en particulier dans des situations familiales complexes comme les familles monoparentales ou recomposées. Elle aborde la gestion de la violence à la maison, l'importance de l'acceptation et du lâcher-prise, ainsi que l'adaptation des méthodes éducatives selon les circonstances.

      Points clés: + [00:00:06][^3^][3] Gestion de la violence * Importance du contrôle de soi * Non-violence dans l'éducation + [00:00:49][^4^][4] Familles monoparentales * Liberté dans les choix éducatifs * Avancement personnel + [00:01:17][^5^][5] Réseau de soutien * Difficultés de communication * Importance du soutien extérieur + [00:02:04][^6^][6] Divergences dans le couple * Gestion des désaccords * Adaptation des stratégies + [00:03:01][^7^][7] Changement de modèle éducatif * Exploration de nouvelles méthodes * Évitement des escalades de conflits + [00:04:01][^8^][8] Conséquences de la permissivité * Limites de la non-frustration * Nécessité de structure et de limites + [00:05:01][^9^][9] Décisions et énergie * Importance du rythme personnel * Adaptation au changement + [00:06:26][^10^][10] Temporalité variable * Individualité des expériences * Non-culpabilisation des parents

    1. Résumé de la vidéo [00:00:04][^1^][1] - [00:29:52][^2^][2]:

      Cette vidéo explore le burn-out parental, un trouble du spectre du stress caractérisé par un épuisement physique et psychique, une distanciation émotionnelle, une perte de plaisir et un contraste marqué entre le parent d'avant et celui devenu. Les recherches récentes en Belgique ont mis en lumière ce phénomène, soulignant l'importance de l'équilibre entre les stresseurs et les ressources disponibles pour les parents.

      Points clés: + [00:00:11][^3^][3] Définition du burn-out * Maladie du stress * Études sur la parentalité + [00:01:03][^4^][4] Recherches en Belgique * Études sur le burn-out parental * Importance de l'équilibre stress-ressources + [00:02:01][^5^][5] Symptômes du burn-out parental * Épuisement extrême * Distanciation émotionnelle + [00:03:16][^6^][6] Conséquences sur la famille * Impact sur les enfants * Risque pour le couple + [00:10:38][^7^][7] Facteurs de stress ordinaires * Stress lié à la parentalité * Événements imprévus + [00:13:16][^8^][8] Prévalence chez les mères * Plus fréquent chez les femmes * Charge parentale inégale

    1. Résumé de la vidéo [00:00:04][^1^][1] - [00:23:41][^2^][2]:

      La vidéo présente une conférence sur les défis de la parentalité au 21e siècle, notamment l'épuisement parental et l'impact du handicap sur les familles. L'oratrice, avec plus de 30 ans d'expertise dans la surdité infantile, explore l'évolution de la parentalité à travers les siècles, les attentes sociétales actuelles envers les parents, et offre des pistes pour retrouver le plaisir d'être parent.

      Points forts: + [00:00:09][^3^][3] Introduction de la conférencière * Expertise en surdité infantile * Intérêt pour le fonctionnement familial + [00:03:17][^4^][4] Structure de la présentation * Parentalité à travers les siècles * Définition du burnout parental * Pistes pour le plaisir parental + [00:03:39][^5^][5] Le métier de parent * Le plus précieux et difficile * Connotations et émotions positives + [00:10:14][^6^][6] Parentalité du 21e siècle * Mutation sociologique * Pression nouvelle * Complexité accrue + [00:17:35][^7^][7] Montée des valeurs individualistes * Impact sur le développement des enfants * Pression sur le couple parental + [00:22:13][^8^][8] Hyper parentalité et ses dérives * Surprotection et contrôle excessif * Impact sur l'autonomie des enfants

    1. Résumé de la vidéo [00:00:00][^1^][1] - [00:25:43][^2^][2]:

      Cette vidéo présente une conférence de Sophie JANOIS sur les résultats de l'étude REACT, menée au CHU de Montpellier, concernant les besoins cliniques des situations de tyrannie familiale sévère. Elle aborde les limites des thérapies familiales classiques et l'importance de la résistance non-violente dans le traitement.

      Points forts: + [00:00:11][^3^][3] Présentation de l'étude REACT * Résultats publiés récemment + [00:01:00][^4^][4] Comprendre les besoins cliniques * Situations fréquentes mais peu étudiées + [00:02:04][^5^][5] Limites de l'offre de soins * Thérapies existantes insuffisantes + [00:03:01][^6^][6] Résistance non-violente * Approche alternative prometteuse + [00:11:25][^7^][7] Étude randomisée * Comparaison avec traitement usuel + [00:20:57][^8^][8] Résultats et perspectives * Améliorations continues observées

    1. Résumé de la vidéo [00:00:00][^1^][1] - [00:19:25][^2^][2]:

      La vidéo présente une avocate spécialisée dans la défense des enfants atteints de troubles neurodéveloppementaux. Elle explique son approche flexible en droit pour s'adapter aux besoins spécifiques de ses clients, souvent confrontés à des diagnostics erronés et à des prises en charge inadaptées. Elle souligne l'importance de lutter contre la stigmatisation et de promouvoir des soins adaptés, en mettant l'accent sur la formation des professionnels et l'écoute des parents.

      Points forts: + [00:00:11][^3^][3] Défense des enfants atypiques * Troubles TDAH, TSA * Syndrome d'alcoolisation fœtale + [00:01:00][^4^][4] Flexibilité en droit * Droit diversifié * Centré sur le neurodéveloppement + [00:02:01][^5^][5] Lutte contre les diagnostics erronés * Responsabilité médicale * Prises en charge inadaptées + [00:03:02][^6^][6] Droits des handicapés * Allocations via MDPH * Prise en charge adaptée + [00:04:01][^7^][7] Importance de l'accompagnement humain * AESH individuels * Besoin d'attention soutenue + [00:05:03][^8^][8] Contentieux en droit administratif * Éducation nationale * Conseils de discipline + [00:07:00][^9^][9] Responsabilité pénale des jeunes * Discernement * Alternatives à la prison + [00:09:01][^10^][10] Protection de l'enfance * Formations obsolètes * Importance du diagnostic + [00:11:01][^11^][11] Rôle des parents * Observations parentales * Collaboration avec professionnels + [00:12:01][^12^][12] Risques de placement abusif * Informations préoccupantes * Mesures administratives + [00:15:46][^13^][13] Assistance éducative * Évaluations sociales et psychologiques * Importance des soins adaptés + [00:17:00][^14^][14] Départ des CMP * Risque d'IP pour défaut de soins * Importance de la prise en charge en libéral + [00:19:00][^15^][15] Écoute des parents * Non-toxicité * Besoin de répit, pas de retrait Video summary [00:20:00][^1^][1] - [00:39:54][^2^][2]:

      La vidéo présente une avocate spécialisée dans la défense des enfants avec des troubles neurodéveloppementaux. Elle explique son approche flexible en droit pour s'adapter aux besoins spécifiques de ses clients et aborde les défis liés à la responsabilité médicale, les droits des handicapés, et la protection de l'enfance.

      Highlights: + [00:20:00][^3^][3] Défense des enfants * Troubles neurodéveloppementaux * Flexibilité en droit + [00:21:01][^4^][4] Responsabilité médicale * Diagnostics inadaptés * Culpabilisation des parents + [00:22:26][^5^][5] Droits des handicapés * Allocations via MDPH * Prise en charge adaptée + [00:24:02][^6^][6] Protection de l'enfance * Évaluation des besoins * Formations pour professionnels + [00:27:44][^7^][7] Enjeux du placement * Impact sur les familles * Importance du diagnostic + [00:30:03][^8^][8] Rôle du juge des enfants * Lien entre services et familles * Compréhension des troubles

  3. Nov 2023
    1. useInterval( () => { if (typeof window !== "undefined" && window.google) { setGoogle(window.google); setGoogleIsLoading(false); } }, googleIsLoading ? 100 : null );
  4. Sep 2023
    1. You'll only need the trailing * when there is another <Routes> somewhere in that route's descendant tree. In that case, the descendant <Routes> will match on the portion of the pathname that remains (see the previous example for what this looks like in practice).

      Something to do with routes in index.js and routes in app.js

  5. Aug 2023
  6. May 2023
    1. 你可能以为当你勾选复选框的时候 state 会被重置,但它并没有!这是因为 两个 <Counter /> 标签被渲染在了相同的位置。 React 不知道你的函数里是如何进行条件判断的,它只会“看到”你返回的树。在这两种情况下,App 组件都会返回一个包裹着 <Counter /> 作为第一个子组件的 div。这就是 React 认为它们是 同一个 <Counter /> 的原因。

      React 组件更新机制 tip 1

  7. Apr 2023
    1. manter um estado local em uma função de um compo-nente funcional

      Um Hook em React Native é uma função que permite que um componente funcional tenha um estado interno e execute efeitos colaterais, sem a necessidade de criar componentes de classe.

      O useState é um dos Hooks mais utilizados Ele permite manter um estado local em uma função de um componente funcional. Para usá-lo, declara-se uma variável e uma função de atualização de estado usando o useState Hook

    1. The state is only initialized during the first render.

      Anti pattern: Initializing state with prop

      This is a common example of redundant state

  8. Mar 2023
    1. ```js

      export const loader = async () => {

      // fire them all at once<br /> const critical1Promise = fetch('/test?text=critical1&delay=250').then(res => res.json()); const critical2Promise = fetch('/test?text=critical2&delay=500').then(res => res.json()); const lazyResolvedPromise = fetch('/test?text=lazyResolved&delay=100').then(res => res.json()); const lazy1Promise = fetch('/test?text=lazy1&delay=500').then(res => res.json()); const lazy2Promise = fetch('/test?text=lazy2&delay=1500').then(res => res.json()); const lazy3Promise = fetch('/test?text=lazy3&delay=2500').then(res => res.json()); const lazyErrorPromise = fetch('/test?text=lazy3&delay=3000').then(res => { throw Error('Oh noo!') });

      // await for the response return defer({ critical1: await critical1Promise, critical2: await critical2Promise, lazyResolved: lazyResolvedPromise, lazy1: lazy1Promise, lazy2: lazy2Promise, lazy3: lazy3Promise, lazyError: lazyErrorPromise }) } ```

  9. Feb 2023
  10. Jan 2023
  11. Dec 2022
    1. React JS is a JavaScript library used to create extensible and adaptable user interfaces. Our React development company team of the best React.js / React developers, software engineers, and programmers in India provides custom React development services that handle data updates and synchronization without page reloading, as well as integration with existing applications or systems.

    2. React JS development services, an extensible and adaptable JavaScript library for creating user interfaces. Our team of the best React.js / React developers, software engineers, and programmers in India provides custom React js development services.

  12. Nov 2022
  13. Oct 2022
  14. Sep 2022
  15. Aug 2022
    1. Chadeau-Hyam, M., Wang, H., Eales, O., Haw, D., Bodinier, B., Whitaker, M., Walters, C. E., Ainslie, K. E. C., Atchison, C., Fronterre, C., Diggle, P. J., Page, A. J., Trotter, A. J., Ashby, D., Barclay, W., Taylor, G., Cooke, G., Ward, H., Darzi, A., … Elliott, P. (2022). SARS-CoV-2 infection and vaccine effectiveness in England (REACT-1): A series of cross-sectional random community surveys. The Lancet Respiratory Medicine, 0(0). https://doi.org/10.1016/S2213-2600(21)00542-7

    1. And in our case, we want it to keep track of our storage object. So let's also create a usePeristentContext hook.

      ```js import { useMutation, useQuery, useQueryClient } from 'react-query';

      export default function usePersistentContext(key) { const queryClient = useQueryClient();

      const { data } = useQuery(key, () => localStorage.getItem(key));

      const { mutateAsync: setValue } = useMutation( (value) => localStorage.setItem(key, value), { onMutate: (mutatedData) => { const current = data; queryClient.setQueryData(key, mutatedData); return current; }, onError: (_, __, rollback) => { queryClient.setQueryData(key, rollback); }, } );

      return [data, setValue]; } ```

      js function SetContext() { const [value, setValue] = usePersistentContext('item_context'); return ( <button onClick={() => setValue(value === 'on' ? 'off' : 'on')}> Click me {value} </button> ); }

  16. Jul 2022
    1. this.handleChange

      change事件更新state,也就是用户输入的value,这就是受控组件

    2. this.state.value

      value随用户输入而改变state

    1. 想要将一个 React 元素渲染到根 DOM 节点中,只需把它们一起传入 ReactDOM.createRoot(): const root = ReactDOM.createRoot( document.getElementById('root') ); const element = <h1>Hello, world</h1>; root.render(element);

      createRoot()返回一个ReactDOM对象,该对象具有render方法。

    1. React may batch multiple setState() calls into a single update for better performance.

      so its not an actual race condition b/w two parallel instructions, but rather just a result of an optimisation performed by react

  17. Jun 2022
    1. If the component wrapped with memo re-renders, it means that one of its properties changes.
  18. May 2022
    1. React Helmet

      ```js import {Helmet} from "react-helmet";

      const Demo = props => ( <br /> <div className="application"> <Helmet> <script src="/path/to/resource.js" type="text/javascript" /> </Helmet> ... </div>

      ); ```

      DOM Method

      ```js componentDidMount () { const script = document.createElement("script"); script.src = "/path/to/resource.js"; script.async = true; document.body.appendChild(script); }

      export const appendScript = (scriptToAppend) => { const script = document.createElement("script"); script.src = scriptToAppend; script.async = true; document.body.appendChild(script); }

      class Demo extends React.Component { componentDidMount () { appendScript("/path/to/resource.js"); } } ```

      React Hooks

      js useEffect(() => { const script = document.createElement('script'); script.src = "/path/to/resource.js"; script.async = true; document.body.appendChild(script); return () => { document.body.removeChild(script); } }, []);

      ```js import { useEffect } from 'react'; const importScript = resourceUrl=> { useEffect(() => { const script = document.createElement('script'); script.src = resourceUrl; script.async = true; document.body.appendChild(script); return () => { document.body.removeChild(script); } }, [resourceUrl]); };

      const Demo = props => { importScript("/path/to/resource.js"); } ```

  19. Mar 2022
  20. Feb 2022
    1. js queryClient .getQueryCache() .findAll(['partial', 'key']) .forEach(({ queryKey }) => { queryClient.setQueryData(queryKey, newData) })