const { getByRole } = render(<input bind_value={text}>)
Directly compare to: https://hyp.is/T2NGMA5ZEeu2k6dW8hBd9g/github.com/kenoxa/svelte-htm
937 Matching Annotations
- Oct 2020
-
github.com github.com
-
-
github.com github.com
-
const { getByRole } = render(html`<input bind:value=${text} />`)
Directly compare to: https://hyp.is/KXd5yA5ZEeu9_K_HXsDR2w/github.com/kenoxa/svelte-jsx
-
render(html`<${Button} on:click=${() => (clicked += 1)}>Click Me!<//>`)
Compared to https://github.com/kenoxa/svelte-jsx#api, this alows on:click instead of on_click.
So maybe this syntax allows for fewer workarounds overall?
-
-
softwareengineering.stackexchange.com softwareengineering.stackexchange.com
-
Right, and if most uses of an FTP service use new FtpService() the one that sets an alternate port will stand out (service.SetPort(12345))
-
-
-
by using tagged templates we can inline function calls
(below)
-
-
stackoverflow.com stackoverflow.com
-
Encoding examples:
-
-
-
This would be like an executable proposal. I understand that it's beyond the original intent of having canonical patterns on the Svelte site, but it would facilitate the community to express their own patterns. Now that we have markdown preprocessors , the documentation itself can be an app.
-
More in-depth examples definitely sound like a good idea. I've seen cookbooks quite a few times already and they are always helpful.
-
-
-
This seems crucial, for example for #if inside #each {#each boxes as box} {@const b = box?.a?.b} {#if b} <p>{b}</p> {/if} {/each}
Tags
Annotators
URL
-
-
svelte.dev svelte.dev
-
svelte.dev svelte.dev
-
raw.githubusercontent.com raw.githubusercontent.com
-
<Playground> ```html filename=index.html
-
-
codesandbox.io codesandbox.io
-
svelte.dev svelte.dev
-
reactjs.org reactjs.org
-
Data fetching, setting up a subscription, and manually changing the DOM in React components are all examples of side effects.
-
-
twitter.com twitter.com
-
Adam Kucharski on Twitter. (n.d.). Twitter. Retrieved October 10, 2020, from https://twitter.com/AdamJKucharski/status/1313760847932596224
-
-
Local file Local file
-
An example for a dialectical alternative media strategy is the Canadian Adbusters magazine. It is financed by donationsand sales and has a paid circulation of about 120.000.
The authors cite the Canadian Adbusters magazine as an example of an alternative media that is radical while remaining separate for commoditization of its readership to capitalistic ends. And also Mother Jones. THey both reach broad audiences.
-
Indymedia. Indymedia uses a ‘‘democratic open-publishing system”,is‘‘collectively run”, and ‘‘a decentralized and autonomousnetwork”(Indymedia, 2009).
giving an example of alternative type of media and characterizing it.
-
-
-
One with a Gun, One with a Dog, and One with the Shivers
Example Impressionist ethnography
-
One with a Gun, One with a Dog, and One with the Shivers
Example Impressionist ethnography
-
Hats-on Harry, Off-at-Seven George, Handle-It-Yourself Fred, and The-Eternal-Flame Edward Who-Never-Goes-Out
Example Realist Ethnography
-
Johnny Gets His Gun
Example comfessional ethnography
-
Johnny Gets His Gun
Example comfessional ethnography
-
-
codesandbox.io codesandbox.io
-
Is that expected behavior or am I doing something wrong?
-
-
codesandbox.io codesandbox.io
-
even simpler example than the https://codesandbox.io/s/github/final-form/react-final-form/tree/master/examples/simple?from-embed=&file=/index.js it was based on
-
-
svelte.dev svelte.dev
-
archive.org archive.org
-
all reacting in the same way to the like need of protection from the rain-
Social action that is related to an event, but not related to collective benefit.
Narrows here the idea of social action.
Tags
Annotators
URL
-
-
-
Proposed workarounds get particularly awkward for multiple stores
good example follows
-
-
svelte.dev svelte.dev
-
github.com github.com
-
Made the repro above more manageable: https://svelte.dev/repl/a55ba18ceca44c898f2b011a0978de85?version=3.6.6
-
- Sep 2020
-
svelte.dev svelte.dev
-
Bug repro for https://github.com/sveltejs/svelte/issues/2086
Fixed by: Bug 1:
- https://github.com/sveltejs/svelte/pull/3172
- https://github.com/sveltejs/svelte/pull/3172/commits/f4ca063c85e491b75d162f429ad243b6f443db13
Bug 2:
- https://github.com/sveltejs/svelte/pull/3209
- https://github.com/sveltejs/svelte/commit/2f08e34b41317619f9bc7bf6bc2418123fb06829
Fixed version here: https://svelte.dev/repl/a55ba18ceca44c898f2b011a0978de85?version=3.6.7
(although https://github.com/sveltejs/svelte/pull/3172/commits/f4ca063c85e491b75d162f429ad243b6f443db13 indicates the fix was included in v3.6.6 tag, so I wonder why it's not fixed here)
supersedes https://codesandbox.io/s/epic-stonebraker-9cxhu?file=/index.js:0-32
Good example of how helpful it is to remove everything irrelevant and create minimal reproducible example.
-
-
-
blog.carbonfive.com blog.carbonfive.com
-
This is pretty good, but I don’t love that $contactStore.length bit. If we wanted to change the shape of the store from an array to a key-value store or something, we’d have to remember to update this component too. Instead, we can define a new derived store: contactCountStore. It’ll always track the count, which lets this component have less knowledge about the structure of the store. That refactor looks like this:
-
-
svelte.dev svelte.dev
-
rollupjs.org rollupjs.orgRollup1
-
The difference between default and named affects how other people can consume your bundle. If you use default, a CommonJS user could do this, for example:
include the following content
Tags
Annotators
URL
-
-
svelte.dev svelte.dev
-
-
I have created an action for form validation and its really working well
-
-
-
This is a little confusing to describe. An example:
-
-
medium.com medium.com
-
codesandbox.io codesandbox.io
-
Proving to myself that isValid does correctly change to true even when a key in $errors is an array.
-
-
svelte-forms-lib-sapper-docs.now.sh svelte-forms-lib-sapper-docs.now.sh
-
svelte.dev svelte.dev
-
Child can't update things by reassignment if you do:
<Child bind:things={things} />but can if you do;
<Child bind:things={$object.things} />
-
-
svelte.dev svelte.dev
-
<Child bind:things={$object.things} />
-
-
svelte.dev svelte.dev
-
Demonstrates that even though
object.valuekind of works, it will be out of date. You need to subscribe to it to get current value:$object.value
-
-
-
"The First Amendment and Supreme Court decisions protect the news media in their reporting on matters of public interest, so you really have to show actual malice and disregard for the truth that would be very blatant and very provable," said Gene Policinski, senior vice president of the First Amendment Center.
Our mission: providing resources to help the public understand how their First Amendment freedoms of speech, press, religion, assembly and petition work, and how they can be protected.
FIRST AMENDMENT EXPERTS The First Amendment Center’s nationally recognized experts David Hudson, Lata Nott, and Gene Policinski regularly provide the media with information and commentary on First Amendment and free expression issues. Interested in contacting one of our experts? Please email media@newseum.org or call 202/292-6200.
-
-
svelte.dev svelte.dev
-
svelte.dev svelte.dev
-
developer.mozilla.org developer.mozilla.org
-
async function onEdit() { editing = true // enter editing mode await tick() nameEl.focus() }
-
-
codesandbox.io codesandbox.io
Tags
Annotators
URL
-
-
www.mercadopago.com.ar www.mercadopago.com.ar
-
Argentina Argentina Brazil Peru Colombia Uruguay Chile Mexico EN
-
-
github.com github.com
-
For example, you might want to use the browser’s knowledge of the user’s current time zone to group a collection of elements by date.
Tags
Annotators
URL
-
-
github.com github.com
-
If you can't understand where it's coming from in the stack traces, please post screenshots or create reproducing sandboxes and we'll try to help. Most of these are probably coming from a few libraries, so the most productive thing to do is to reduce these cases and then file issues with those libraries.
-
- Aug 2020
-
bookdown.org bookdown.org
-
select some text
this is an example of annotation.
If you wish, you can add images, videos, or links.
To add tags, type in the bow below and press Enter.
Tags
Annotators
URL
-
-
svelte.dev svelte.dev
Tags
Annotators
URL
-
-
codesandbox.io codesandbox.io
-
This illustrates the difference between two types of scrolling:
- scrolling within the dialog
- scrolling the document that includes the dialog
Tags
Annotators
URL
-
-
www.meetup.com www.meetup.com
-
Corporate social media has been dominating the online space so significantly that the newest generation of Internet users now thinks that is what the "web" actually is. Fortunately, with WordPress as your platform, you can not only take back your online identity and presence, but you can use it to have a richer and fuller experience than the locked-down experience you get with the limits of Facebook, Twitter, Instagram, etc.
make a note
-
-
meta.stackexchange.com meta.stackexchange.com
-
But it's easy to imagine that the caption was incorrect for too long because those who know the language, know where the mistake is, and those who don't, think that it's the correct way to spell it.
those who know the language, know where the mistake is, In other words, they can easily spot the mistake and no better than to repeat it themselves, but either are powerless or too lazy to actually fix it on SE.
and those who don't, think that it's the correct way to spell it. So those who should no better are inadvertently perpetuating the mistake and teaching others that it is an acceptable/correct usage.
-
Can't upvote this enough. It is highly irritating to see language destroyed (and we wonder why kids bastardize the language..).
Tags
- hoping/trying to convince others that your view/opinion/way is right by consistently sticking to it despite many being ignorant/mistaken/unaware/holding different opinion
- be a good example for others
- correctness
- even if majority makes a mistake; it doesn't make it correct
- lead by example
- perpetuation
- combating widespread incorrectness/misconception by consistently doing it correctly
- example of: using incorrect terms
- popular misconceptions
Annotators
URL
-
-
en.wiktionary.org en.wiktionary.org
-
proscriptive, nonprescriptive
Interesting how a word can have multiple antonyms/opposites that are "opposite" in different ways/senses:
- proscriptive: forbid rather than prescribe
- nonprescriptive: absence of prescribing
Tags
Annotators
URL
-
-
english.stackexchange.com english.stackexchange.com
-
Perhaps someone should give an example of when 'into' is ever correct. "Turn into bed" is definitely incorrect, unless one is morphing into the form of a bed. But what about "he fell into the hole", "she went into the house", or "Star Trek Into Darkness"?
-
-
en.wikipedia.org en.wikipedia.org
-
For example, the word dog describes both the species Canis familiaris and male individuals of Canis familiaris, so it is possible to say "That dog isn't a dog, it's a bitch" ("That hypernym Z isn't a hyponym Z, it's a hyponym Y").
-
- Jul 2020
-
edpb.europa.eu edpb.europa.eu
-
When downloading a lifestyle mobile app, the app asks for consent to access the phone’saccelerometer. This is not necessary for the app to work, but it is useful for the controller who wishesto learn more about the movements and activity levels of its users. When the user later revokes thatconsent, she finds out that the app now only works to a limited extent. This is an example of detrimentas meant in Recital 42, which means that consent was never validly obtained (and thus, the controllerneeds to delete all personal data about users’ movements collected this way).
-
-
www.smashingmagazine.com www.smashingmagazine.com
-
make users the initiators of actions rather than the responders.
This is a pretty good definition (?, or at least example) of what agency is.
-
- Jun 2020
-
en.wikipedia.org en.wikipedia.org
-
For example, if error messages in two narrowly defined classes behave in the same way, the classes can be easily combined. But if some messages in a broad class behave differently, every object in the class must be examined before the class can be split. This illustrates the principle that "splits can be lumped more easily than lumps can be split".
-
-
medium.com medium.com
-
An example candidate for caching might be a nightly billing task which aggregates billing data for the past month. That kind of task is likely not expecting last minute updates while it runs. It assumes that the state of the world remains constant while processing.
-
-
www.reddit.com www.reddit.com
-
<script> let a = 1; let b = 2; </script> <input type="number" bind:value={a}> <input type="number" bind:value={b}> <p>{a} + {b} = {a + b}</p>
-
-
15721.courses.cs.cmu.edu 15721.courses.cs.cmu.edu
-
including Oracle (since 1984 [4]), Postgres(since 1985 [41]), and MySQL’s InnoDB engine (since 2001). Butwhile there are plenty of contemporaries to these older systemsthat use a single-version scheme (e.g., IBM DB2, Sybase), almostevery new transactional DBMS eschews this approach in favor ofMVCC [37]. This includes both commercial (e.g., Microsoft Heka-ton [16], SAP HANA [40], MemSQL [1], NuoDB [3]) and academic(e.g., HYRISE [21], HyPer [36]) systems
-
-
www.thelancet.com www.thelancet.com
-
The Lancet. (2020). Sustaining containment of COVID-19 in China. The Lancet, 395(10232), 1230. https://doi.org/10.1016/S0140-6736(20)30864-3
-
- May 2020
-
docs.gitlab.com docs.gitlab.com
-
In this example
Tags
Annotators
URL
-
-
ubuntu.com ubuntu.com
-
Ubuntu 20.04 LTS
-
-
gitlab.com gitlab.com
-
www.merriam-webster.com www.merriam-webster.com
-
of, relating to, or being a grammatical case or form expressing means or agency
I really need an example of this!
It seems unusual that they specifically mention "a grammatical case or form". I've never seen a definition before that is anything like this one.
How is this different from definition 1?
-
-
www.merriam-webster.com www.merriam-webster.com
-
communicated through the agency of the ambassador
-
-
ico.org.uk ico.org.ukHome1
-
gitlab.com gitlab.com
-
Sometimes it's useful to refine the type of an issue. In those cases, you can add facet labels.
-
-
www.w3.org www.w3.org
-
sadness.js will not load, however, as document.write() produces script elements which are "parser-inserted".
Tags
Annotators
URL
-
-
developer.chrome.com developer.chrome.comjudell1
-
If a user clicks on that button, the onclick script will not execute. This is because the script did not immediately execute and code not interpreted until the click event occurs is not considered part of the content script, so the CSP of the page (not of the extension) restricts its behavior. And since that CSP does not specify unsafe-inline, the inline event handler is blocked.
-
-
jamanetwork.com jamanetwork.com
-
Steinbrook, R. (2020). Contact Tracing, Testing, and Control of COVID-19—Learning From Taiwan. JAMA Internal Medicine. https://doi.org/10.1001/jamainternmed.2020.2072
-
-
about.gitlab.com about.gitlab.com
-
This change was made because GitLab License Management is now renamed to GitLab License Compliance. After review with users and analysts, we determined that this new name better indicates what the feature is for, aligns with existing market terminology, and reduces confusion with GitLab subscription licensing features.
-
-
www.givelify.com www.givelify.com
-
$10 donation = $9.41 deposited into your bank account the next business day $100 donation = $96.80 deposited into your bank account the next business day
Tags
Annotators
URL
-
-
en.wikipedia.org en.wikipedia.org
-
In algebra, for some set S together with an operation ⋆ {\displaystyle \star } to form a group, it is necessary that ⋆ {\displaystyle \star } be associative.
Seems like a simpler example (of individually necessary and jointly sufficient) that is easier to follow could be found.
-
that a number x {\displaystyle x} is rational (S) is sufficient but not necessary to x {\displaystyle x} being a real number (N) (since there are real numbers that are not rational)
-
being a male is a necessary condition for being a brother, but it is not sufficient—while being a male sibling is a necessary and sufficient condition for being a brother
-
in order for human beings to live, it is necessary that they have air
-
-
www.iubenda.com www.iubenda.com
-
This does not have to be an additional form. In practice, you can simply add several checkboxes informing the user of each additional purpose and allowing them to give consent specific to those cases.
See the images above, which are a good example of how to do it and how not to do it.
-
-
www.itgovernance.co.uk www.itgovernance.co.uk
-
By itself the name John Smith may not always be personal data because there are many individuals with that name. However, where the name is combined with other information (such as an address, a place of work, or a telephone number) this will usually be sufficient to clearly identify one individual.
-
Simply because you do not know the name of an individual does not mean you cannot identify that individual. Many of us do not know the names of all our neighbours, but we are still able to identify them.
-
-
www.iubenda.com www.iubenda.com
-
If you’re selling products and keep record of users’ choices for marketing purposes, dividing them into meaningful categories, such as by age, gender, geographical origin etc., you’re profiling them.
-
-
-
I will need to find a workaround for one of my private extensions that controls devices in my home network, and its source code cannot be uploaded to Mozilla because of my and my family's privacy.
-
- Apr 2020
-
www.iubenda.com www.iubenda.com
-
purposes are grouped into 5 categories (strictly necessary, basic interactions & functionalities, experience enhancement, measurement, targeting & advertising)
-
Strictly necessary (id 1). Purposes included:Backup saving and managementHosting and backend infrastructureManaging landing and invitation pagesPlatform services and hostingSPAM protectionTraffic optimization and distributionInfrastructure monitoringHandling payments
-
-
www.merriam-webster.com www.merriam-webster.com
-
Marginalize provides a striking case of how thoroughly the figurative use of a word can take over the literal one.
-
-
en.wikipedia.org en.wikipedia.org
-
In informal contexts, mathematicians often use the word modulo (or simply "mod") for similar purposes, as in "modulo isomorphism".
Tags
Annotators
URL
-
-
guides.rubyonrails.org guides.rubyonrails.org
-
In December 2006, 34,000 actual user names and passwords were stolen in a MySpace phishing attack. The idea of the attack was to create a profile page named "login_home_index_html", so the URL looked very convincing. Specially-crafted HTML and CSS was used to hide the genuine MySpace content from the page and instead display its own login form.
-
-
www.nature.com www.nature.com
-
Researchers: Show world leaders how to behave in a crisis. (2020). Nature, 580(7801), 7–7. https://doi.org/10.1038/d41586-020-00926-4
-
-
www.digitalocean.com www.digitalocean.com
-
Two-factor authentication, commonly abbreviated as 2FA, is any form of verification that requires two factors, like withdrawing money from an ATM using both a bank card and its PIN.
-
-
web.archive.org web.archive.org
-
queue.acm.org queue.acm.org
-
If you don't—or can't—lock your users in, the best way to compete is to innovate at a breakneck pace. Let's use Google Search as an example. It's a product that cannot lock users in: users don't have to install software to use it; they don't have to upload data to use it; they don't have to sign two-year contracts; and if they decide to try another search engine, they merely type it into their browser's location bar, and they're off and running.
Tags
Annotators
URL
-
-
stackoverflow.com stackoverflow.com
-
A simple, complete Chrome extension which injects a content script to click the button with id="product-addtocart-button" when you click on a browser_action button would be
-
-
guides.rubyonrails.org guides.rubyonrails.org
-
The handler can be a method or a Proc object passed to the :with option. You can also use a block directly instead of an explicit Proc object.
Example of: letting you either pass a proc (as a keyword arg in this case) or as a block.
-
- Mar 2020
-
piwik.pro piwik.pro
-
Some error occured while registering your request.
-
-
ico.org.uk ico.org.ukCookies1
Tags
Annotators
URL
-
-
bugs.ruby-lang.org bugs.ruby-lang.org
-
Is there a reason not to do caused-by stack trace printing? Or has it just not been implemented by anyone yet?
-
-
forum.wordreference.com forum.wordreference.com
-
The phrase is often used at the beginning of meetings, conferences, etc to indicate that the speaker is going to tell those present about the fire exits, where the toilets, first-aid box etc are and any other administrative issues that have nothing to do with the actual content of the meeting. etc
-
-
github.com github.com
-
SetEnvIfNoCase Host "^www" crawlable Header set X-Robots-Tag "noindex, nofollow" env=!crawlable
-
- Feb 2020
-
github.com github.com
-
problem in my app is fixed. It was not related to devise . I removed 'rails-api' gem and it started working.
-
-
github.com github.com
-
k6.io k6.io
-
Load Impact is the initiator of, and an active participant in, the k6 open-source project, trying to serve its needs and lead by example
-
-
github.com github.com
- Dec 2019
-
todotxt.org todotxt.org
-
-
www.howtogeek.com www.howtogeek.com
-
Feed iguana +Personal @Home (A) Ask doctor about ticks +Personal @DoctorsOffice Write elephant touchscreen post +HowToGeek @Home @Laptop (B) Research laptop prices +Personal @Home @Laptop (C) Clean the damn kitchen +Personal +Cleaning @Home
-
-
runestone.academy runestone.academy
-
if 𝑛nn does not divide 𝑚mm evenly, then the answer is the greatest common divisor of 𝑛nn and the remainder of 𝑚mm divided by 𝑛nn.
m = 20, n = 10 20 / 10 = 2 CASE 1
m = 100, n = 70 100 / 70 CASE 2 gcd(100, 100 % 70) =
gcd(100, 30) gcd(100,30) CASE 2 gcd(100, 100 % 30) =
gcd(100, 10) 100 / 10 = 10 CASE 1
gcd(100, 70) = 10
-
-
wisc.pb.unizin.org wisc.pb.unizin.org
-
For example, this note should appear highlighted in yellow. Try clicking on it!
This is what an annotation looks like!
-
-
github.com github.com
-
Shows how to configure neutrino to use styleguide to generate a demo (https://hassanali.me/material-ui-treeview/#!/MuiTreeView/0)
-
-
bishogasaad.github.io bishogasaad.github.io
Tags
Annotators
URL
- Nov 2019
-
stackoverflow.com stackoverflow.com
-
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.
-
useRef(new Map()).current
-
-
www.ag-grid.com www.ag-grid.comag-Grid1
-
github.com github.com
-
Referer: https://reasonml.github.io/ (The actually link to: https://github.com/reasonml-community/reason-react-example/tree/master/src/todomvc)
-
-
github.com github.com
-
legacy.reactjs.org legacy.reactjs.org
-
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
-
-
codesandbox.io codesandbox.io
-
pastebin.com pastebin.com
-
Couldn't find any web pages referencing this page. Why not? How did I even find it?
-
-
github.com github.com
-
A context wrapper that handles checkbox state changes. Must wrap <TriStateCheckbox /> and <Checkbox />.
-
-
codesandbox.io codesandbox.io
-
github.com github.com
-
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.
-
-
kentcdodds.com kentcdodds.com
-
medium.com medium.com
-
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.
https://en.wikipedia.org/wiki/False_positives_and_false_negatives
-
-
kentcdodds.com kentcdodds.com
-
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
-
- Oct 2019
-
www.cabinetmagazine.org www.cabinetmagazine.org
-
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
Tags
Annotators
URL
-
-
stackoverflow.com stackoverflow.com
-
type KeysOfType<A extends object, B extends { [key: string]: any }> = { [K in keyof A]: A[K] extends B ? string extends keyof A[K] ? K : never : never; }[keyof A];
-
-
www.typescriptlang.org www.typescriptlang.org
-
Based on examples given in https://github.com/Microsoft/TypeScript/issues/29049
-
-
github.com github.com
-
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>; }
-
-
stackoverflow.com stackoverflow.com
-
type TagWithKey<TagName extends string, T> = { [K in keyof T]: { [_ in TagName]: K } & T[K] };
-
-
stackoverflow.com stackoverflow.com
-
isFieldB
Somewhat strange type guard. Maybe not the best example.
-
-
www.typescriptlang.org www.typescriptlang.org
-
type ReturnType<T extends AnyFunction> = T extends (...args: any[]) => infer R ? R : any;
-
-
github.com github.com
-
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
-
type NumberType = (() => number) | number; function double<T extends NumberType>( num: T ) : T { if (typeof num === "number") return num * 2; return () => num() * 2; }
-
-
foxhound87.github.io foxhound87.github.io
-
codesandbox.io codesandbox.io
-
jsfiddle.net jsfiddle.net
-
codesandbox.io codesandbox.io
Tags
Annotators
URL
-
-
github.com github.com
-
site_prism
-
-
github.com github.com
-
Thank you for the update! I'll merge this into a next branch. Let's continue the work from there.
-
-
react-select.com react-select.com
-
Popout
-
-
codesandbox.io codesandbox.io
-
github.com github.com
- Sep 2019
-
leewarrick.com leewarrick.com
-
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.
-
-
-
codesandbox.io codesandbox.io
-
codesandbox.io codesandbox.io
-
codesandbox.io codesandbox.io
-
cloudreports.net cloudreports.net
-
const forceUpdate = () => useState(0)[1];
-
-
stackoverflow.com stackoverflow.com
-
If you want to use hooks, useMemo hook can be likely be used in parent component to calculate remountKey.
-
const remountKey = useMemo(() => Math.random(), listOfObjects);
-
-
nlp.stanford.edu nlp.stanford.edu
-
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.
-
-
en.wikipedia.org en.wikipedia.org
-
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.
-
- Aug 2019
-
github.com github.com
-
legacy.reactjs.org legacy.reactjs.org
-
logProps
Outputs old and new props whenever component updates.
-
-
stackoverflow.com stackoverflow.com
-
const useFocus = () => { const htmlElRef = useRef(null) const setFocus = () => {htmlElRef.current && htmlElRef.current.focus()} return [ setFocus, htmlElRef ] }
exampleOf: useRef exampleOf: custom hook
-
-
www.robinwieruch.de www.robinwieruch.de
-
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:
Tags
Annotators
URL
-
-
codesandbox.io codesandbox.io
-
medium.com medium.com
-
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.
-
-
codesandbox.io codesandbox.io
-
codesandbox.io codesandbox.io
-
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.
-
-
codesandbox.io codesandbox.io
-
schoolbus.netlify.com schoolbus.netlify.com
-
Liked:
- How you can't backspace to remove the country code (countryCodeEditable={false})
sourceUrl: https://github.com/lessondesk/schoolbus/blob/master/src/components/tel-input/index.js
-
-
catamphetamine.github.io catamphetamine.github.io
-
github.com github.com
-
fetch("https://ip-api.io/json/")
-
-
codesandbox.io codesandbox.io