222 Matching Annotations
  1. Last 7 days
  2. Dec 2019
  3. Nov 2019
    1. const setRefs = useRef(new Map()).current; const { children } = props; return ( <div> {React.Children.map(children, child => { return React.cloneElement(child, { // v not innerRef ref: node => { console.log('imHere'); return !node ? setRefs.delete(child.key) : setRefs.set(child.key, node)

      Illustrates the importance of having unique keys when iterating over children, since that allows them to be used as unique keys in a Map.

    2. useRef(new Map()).current
    1. Since an uncontrolled component keeps the source of truth in the DOM, it is sometimes easier to integrate React and non-React code when using uncontrolled components.

      A good example for when to use uncontrolled components

    1. Tests implementation details a bit (child component props received), but pretty good other than that.

      https://www.robinwieruch.de/react-testing-tutorial, for example, says that is reasonable to do:

      an integration test could verify that all necessary props are passed through from the tested component to a specific child component.

    1. Using expect { }.not_to raise_error(SpecificErrorClass) risks false positives, as literally any other error would cause the expectation to pass, including those raised by Ruby (e.g. NoMethodError, NameError, and ArgumentError)

      Actually, those would be false negatives: the absence of a test failure when it should be there.


    1. This is called a false positive. It means that we didn't get a test failure, but we should have

      No, this is a false negative. We didn't get a test failure (that is, there is a lack of the condition (test failure)), when the condition (test failure) should have been present.

      Read https://en.wikipedia.org/wiki/False_positives_and_false_negatives

  4. Oct 2019
    1. the branching timeline in Charles Renouvier’s 1876 Uchronia (Utopia in History): An Apocryphal Sketch of the Development of European Civilization Not as It Was But as It Might Have Been, depicting both the actual course of history and the various alternative paths that might have been if other actions had been taken.

      example of successful multiple timeline paths

    1. type FindByTag<Union, Tag> = Union extends { tag: Tag } ? Union : never; function cast<A extends Foo["tag"]>(foo: Foo, expectedTag: A): FindByTag<Foo, A> { if (foo.tag !== expectedTag) throw Error(`expected tag ${expectedTag} but was ${foo.tag}`) return foo as FindByTag<Foo, A>; }
    1. type Type = 'a' | 'b'; type AShape = { a: 'a' }; type BShape = { b: 'b' }; type Props<T extends Type> = { type: T, shape: T extends 'a' ? AShape : BShape, }; class Test<T extends ID> extends React.Component<Props<T>> { render() { const { type, shape } = this.props; switch (type) { case 'a': return <>{shape.a}</>; // Ideally would narrow `shape` here, instead of `AShape | BShape` default: return <>{shape.b}</>; } } } <T type="a" shape={{ a: 'a' }} /> // No error in ideal case <T type="a" shape={{ b: 'b' }} /> // error in ideal case
    2. type NumberType = (() => number) | number; function double<T extends NumberType>( num: T ) : T { if (typeof num === "number") return num * 2; return () => num() * 2; }
  5. Sep 2019
    1. This is a ”stale closure”. I won’t get into closures, but just know that because of the implementation of React/hooks, the count variable is always going to be 0 in our interval function. It’s an old reference.
    1. It is also possible to use this annotator to annotate fields other than the NamedEntityTagAnnotation field by and providing the header

      Zrejme sa jedná o možnosť anotovať aj iné ako NER tagy, že to TokensRegex umožňuje. Nižšie mi chýba príklad presne na toto.

    1. The Executive [Lincoln] is frequently compelled to affix his signature to bills of the highest importance, much of which he regards as wholly at war with the national interests.
  6. Aug 2019
    1. const useFocus = () => { const htmlElRef = useRef(null) const setFocus = () => {htmlElRef.current && htmlElRef.current.focus()} return [ setFocus, htmlElRef ] }

      exampleOf: useRef exampleOf: custom hook

    1. However, using the local storage in React's function components is a side-effect which is best implemented with the Effect Hook which runs every time the value property changes:
    1. I was so fed up of the mega amounts of boilerplate with Redux and the recommendation of keeping your data loading at view level. It seems to me that things like this, with components being responsible for their own data, is the way to go in the future.
    1. Demonstrates how label text will wrap at a point that appears to narrow when shrunk (the label can't even be as wide as the input it is labeling!), and how to work around this problem by adding styles:

        '& label': {
          whiteSpace: 'nowrap'

      Of course, you would only want to do this if you are going to only be showing the label in shrunk state (which I think is safe to say is the case for date picker inputs), since it would look bad to actually have text overflowing outside of the input box. But if it's in "shrink" state, then it's actually above the input, so as long as there isn't another input/label directly to the right, and/or as long as we adjust the width so the right side of the label mostly lines up with the right side of the input, then I think we should be safe.


      The input label "shrink" state isn't always correct. The input label is supposed to shrink as soon as the input is displaying something. In some circumstances, we can't determine the "shrink" state (number input, datetime input, Stripe input). You might notice an overlap.

      To workaround the issue, you can force the "shrink" state of the label.

      You need to make sure that the input is larger than the label to display correctly.

  7. Jul 2019
    1. Kahle has been critical of Google's book digitization, especially of Google's exclusivity in restricting other search engines' digital access to the books they archive. In a 2011 talk Kahle described Google's 'snippet' feature as a means of tip-toeing around copyright issues, and expressed his frustration with the lack of a decent loaning system for digital materials. He said the digital transition has moved from local control to central control, non-profit to for-profit, diverse to homogeneous, and from "ruled by law" to "ruled by contract". Kahle stated that even public-domain material published before 1923, and not bound by copyright law, is still bound by Google's contracts and requires permission to be distributed or copied. Kahle reasoned that this trend has emerged for a number of reasons: distribution of information favoring centralization, the economic cost of digitizing books, the issue of library staff without the technical knowledge to build these services, and the decision of the administrators to outsource information services
    1. A practical example of service design thinking can be found at the Myyrmanni shopping mall in Vantaa, Finland. The management attempted to improve the customer flow to the second floor as there were queues at the landscape lifts and the KONE steel car lifts were ignored. To improve customer flow to the second floor of the mall (2010) Kone Lifts implemented their 'People Flow' Service Design Thinking by turning the Elevators into a Hall of Fame for the 'Incredibles' comic strip characters. Making their Elevators more attractive to the public solved the people flow problem. This case of service design thinking by Kone Elevator Company is used in literature as an example of extending products into services.
    1. Unfortunately, misguided views about usability still cause significant damage in today's world. In the 2000 U.S. elections, poor ballot design led thousands of voters in Palm Beach, Florida to vote for the wrong candidate, thus turning the tide of the entire presidential election. At the time, some observers made the ignorant claim that voters who could not understand the Palm Beach butterfly ballot were not bright enough to vote. I wonder if people who made such claims have never made the frustrating "mistake" of trying to pull open a door that requires pushing. Usability experts see this kind of problem as an error in the design of the door, rather than a problem with the person trying to leave the room.
    1. Other examples of complex adaptive systems are:stock markets: Many traders make decisions on the information known to them and their individual expectations about future movements of the market. They may start selling when they see the prices are going down (because other traders are selling). Such herding behavior can lead to high volatility on stock markets. immune systems: Immune systems consist of various mechanisms, including a large population of lymphocytes that detect and destroy pathogens and other intruders in the body. The immune systems needs to be able to detect new pathogens for the host to survive and therefore needs to be able to adapt.brains: The neural system in the brain consists of many neurons that are exchanging information. The interactions of many neurons make it possible for me to write this sentence and ponder the meaning of life. ecosystems: Ecosystems consist of many species that interact by eating other species, distributing nutrients, and pollinating plants. Ecosystems can be seen as complex food webs that are able to cope with changes in the number of certain species, and adapt – to a certain extent – to changes in climate. human societies: When you buy this new iPhone that is manufactured in China, with materials derived from African soils, and with software developed by programmers from India, you need to realize that those actions are made by autonomous organizations, firms and individuals. These many individual actions are guided by rules and agreements we have developed, but there is no ruler who can control these interactions.
  8. Jun 2019
    1. Pliny the Elder (died 79 A.D.) wrote a massive work called The Natural History in 37 Books. It was a kind of encyclopedia that comprised information on a wide range of subjects. In order to make it a bit more user friendly, the entire first book of the work is nothing more than a gigantic table of contents in which he lists, book by book, the various subjects discussed. He even appended to each list of items for each book his list of Greek and Roman authors used in compiling the information for that book. He indicates in the very end of his preface to the entire work that this practice was first employed in Latin literature by Valerius Soranus, who lived during the last part of the second century B.C. and the first part of the first century B.C. Pliny's statement that Soranus was the first in Latin literature to do this indicates that it must have already been practiced by Greek writers.
  9. May 2019
    1. his is the second round of mineral licensing conducted by the Afghan government, which in 2008 gave Metallurgical Corp of China rights to the Aynak copper deposit

      They seem to offer up mining contracts very easily.

    1. Elodie is 15. Her two-month-old son is wrapped tightly in a frayed cloth around her back. He inhales potentially lethal mineral dust every time he takes a breath. Toxicity assaults at every turn; earth and water are contaminated with industrial runoff, and the air is brown with noxious haze. Elodie is on her own here, orphaned by cobalt mines that took both her parents. She spends the entire day bent over, digging with a small shovel to gather enough cobalt-containing heterogenite stone to rinse at nearby Lake Malo to fill one sack. It will take her an entire day to do so, after which Chinese traders will pay her about $0.65 (50p). Hopeless though it may be, it is her and her child’s only means of survival.
  10. Apr 2019
    1. Welcome to the continually updated CBS Local Daily Story Stream. Here’s a look at the top stories people are talking about now across our network of CBS Local sites
    1. An attractive Interface for browsing and reading Wikibase information

      blog post with feature requirements and story for improved wikibase interface. Talks about reasonator

  11. Mar 2019
    1. Learn why Hybrid App Technologies is the right choice in 2019 and which hybrid apps are making huge a name this year? Begin your business startup with the best Hybrid mobile app solution.

      Learn why Hybrid App Technologies is the right choice in 2019 and which hybrid apps are making huge a name this year? Begin your business startup with the best Hybrid mobile app solution.

    1. Fortunately, we are starting to see campaigns related to the destigmatization of mental illness and an increase in public education and awareness. Join the effort by encouraging and supporting those around you to seek help if they need it. To learn more, visit the National Alliance on Mental Illness (NAMI) website (http://www.nami.org/). The nation’s largest nonprofit mental health advocacy and support organization is NAMI.

      Another way of de-stigmatizing mental illness is by offering training for people so that they can react to mental illnesses and also educate their peers about the reality of it. WSU is doing this through their mental health training program, which can be found here. https://cougarhealth.wsu.edu/mental-health-promotion/mental-health-trainings/

    2. Virginia, and Columbia University, interviews with over 1,300 U.S. adults show that they believe children with depression are prone to violence and that if a child receives treatment for a psychological disorder, then that child is more likely to be rejected by peers at school.

      Many resources are available for most university students, for example, WSU offers behavioral health services for an incredibly large number of different mental problems from anxiety and depression to phobias and insomnia. One might argue however that high school campuses don't offer enough treatment or do enough to de-stigmatize mental illnesses, especially in the wake of catastrophes like sandy hook among others.

    1. Linear perspective

      To get an idea of how the linear perspective works, imagine looking at a painting of a big city. As the buildings get smaller, the distance appears to be further away. This is because we see two parallel lines begin to converge on each other. This is just one of the ways we use monocular cues.

    2. depth perception

      Have you ever tried throwing an object at someone? In order to hit the other person, you had to determine the distance from yourself to the target. Part of being able to perceive things in a 3D world involves gauging distance. This is one of the ways we use our depth perception.

  12. Feb 2019
    1. In a 2011 Reddit IAmA, Jennings recalled how in 2004 the Democratic politicians Chuck Schumer and Harry Reid unsuccessfully asked Jennings to run for the United States Senate from Utah. Jennings commented, "That was when I realized the Democratic Party was f@#$ed in '04."[19]
    1. [First published in 1726–7.]

      To: Philbert

      Example question: When was Gulliver's Travels first published? a) 1776 b) 1726 c) 1830 d) 1945

    1. practical,

      A form of practical intelligence at Washington State University might show itself at a social function on the weekend. Say you are at your house and you notice one of your friends is stumbling and not speaking clearly. You sit them down and have the option to hand them two beverages; one beverage is a light beer, the other is a glass of water. A person that shows practical intelligence also known as street smarts or common sense would choose the glass of water, having realized their friend is probably too drunk. A person lacking practical intelligence would hand them the light beer, this would lead to a worse situation for your friend and in turn yourself, because then you would have to take care of your friend in an even worse shape then they were when you first saw them.

    2. analytical

      An example of analytical intelligence that is measured at Washington State University is done through the use of exams. Depending on the type of exam you are faced with you may have to compute numbers, either by plugging number into an equation or doing the proper order of operations on a set of numbers. Other exams might have you problem solving with a theoretical scenario, such as one that you might face in ethics. Say you are faced with a multiple choice question with four options of which only one is correct. You have no idea what the answer to the question is after reading it. You then realize that two of the options are basically saying the same thing, therefore neither can be the answer. You then move on to the next answer, you realize this answer has nothing to do with the problem. You have now established the only answer that even has a possibility of being correct. This example is analytical intelligence.

    1. 1. Explore the current situation. Paint a picture in words by including the “presenting problem,” the impact it is having, the consequences of not solving the problem, and the emotions the problem is creating for those involved.

      This step is somewhat similar to the EEC (Evidence/Example Effect Change/Challenge) model, often used with Feedback?

    1. Thirdly, When the signification of the word is referred to a standard, which standard is not easy to be known.

      Trying to think of good examples of this, and came up with: "They are good people" or "She has the moral high ground".... possibly even words like "Lethal" because a weapon or object doesn't need to seem dangerous to everyone to have the ability to kill someone