7,242 Matching Annotations
  1. Nov 2020
    1. Traditional online funnels — more often than not — require you to have a separate:Content management system (ex. WordPress, Joomla)Web host (ex. SiteGround, Bluehost)Page builder (ex. Elementor, Beaver)Email autoresponder (ex. MailChimp, Aweber, GetResponse)Order formShopping cartWeb analyticsOther marketing tools
    1. the adjective strong or the adverb strongly may be added to a mathematical notion to indicate a related stronger notion; for example, a strong antichain is an antichain satisfying certain additional conditions, and likewise a strongly regular graph is a regular graph meeting stronger conditions. When used in this way, the stronger notion (such as "strong antichain") is a technical term with a precisely defined meaning; the nature of the extra conditions cannot be derived from the definition of the weaker notion (such as "antichain")
    1. Svelte by itself is great, but doing a complete PWA (with service workers, etc) that runs and scales on multiple devices with high quality app-like UI controls quickly gets complex. Flutter just provides much better tooling for that out of the box IMO. You are not molding a website into an app, you are just building an app. If I was building a relatively simple web app that is only meant to run on the web, then I might still prefer Svelte in some cases.
    2. Others have already said how Flutter renders inside a canvas and how it's difficult/impossible for it to interact with other JS libraries (and why would you want to... the whole thing is so different that even the issues are solved by completely different libraries).
    1. Microbundle also outputs a modern bundle specially designed to work in all modern browsers. This bundle preserves most modern JS features when compiling your code, but ensures the result runs in 90% of web browsers without needing to be transpiled. Specifically, it uses preset-modules to target the set of browsers that support <script type="module"> - that allows syntax like async/await, tagged templates, arrow functions, destructured and rest parameters, etc. The result is generally smaller and faster to execute than the esm bundle
    1. passive: true instructs chrome that no body will call e.preventDefault() so chrome can optimized scrolling just because no body will call e.preventDefault and so there is no need to wait listeners...
    1. In the case of email, it can be argued that the widespread use of the unhyphenated spelling has made this compound noun an exception to the rule. It might also be said that closed (unhyphenated) spelling is simply the direction English is evolving, but good luck arguing that “tshirt” is a good way to write “t-shirt.”
    1. If I understand the problem correctly, just changing the imports to point to svelte/internal isn't enough because they could still point to different packages depending on how your components are bundled. It solved your specific issue, but if you had two completely unrelated Svelte components compiled to vanilla javascript bundled with Svelte, you'd still hit issues with mismatching current_component when using slots or callbacks.
    2. It sounds like another case of multiple svelte/internal modules? I think we need to look into reworking how svelte/internal keeps track of the current component since it breaks when mixing components not bundled with the app. It sounds like we need to find a way to pass Svelte's internal runtime state when instantiating components, since slots and callbacks end up mixing different svelte/internal together.
    1. As mentioned in #2937, this is the sort of thing that happens when you have two copies of Svelte's internal scheduler running. If you're importing the compiled version of an external Svelte component into another Svelte component, this is what you end up with. There's a svelte field in package.json that's respected by rollup-plugin-svelte and which is intended to point at the uncompiled Svelte source, so that the external component can be bundled together with the main app, without any duplicated internals.
    1. But seriously, give snowpack a read to understand the benefits of leaning on standard esm imports, allowing you to avoid a bundling process entirely.
    2. I don't need to support non-esm browsers for most projects and I really like the idea of a super light build process. By removing the complexity of configuration and the overhead of bundling, svelvet makes the development process an optimal experience for myself and hopefully others
  2. icla2020b.jonreeve.com icla2020b.jonreeve.com
    1. I asked for leave to go to the bazaar on Saturday night. My aunt was surprised and hoped it was not some Freemason affair. I answered few questions in class

      A sudden transition in space and time. The narrator asked for permission to got to the bazaar and suddenly went into school class. This sense of broken spacetime is one character of "stream of consciousness".

    1. Self-Actualization Self-actualization refers to feeling fulfilled, or feeling that we are living up to our potential. One unique feature of self-actualization is that it looks different for everyone. For one person, self-actualization might involve helping others; for another person, it might involve achievements in an artistic or creative field. Essentially, self-actualization means feeling that we are doing what we believe we are meant to do. According to Maslow, achieving self-actualization is relatively rare, and his examples of famous self-actualized individuals include Abraham Lincoln, Albert Einstein, and Mother Teresa.

      [[self-actualization]] - this can fit in with [[[Intrinsic Motivation]] - the feeling of "living up-to your potential" can also align with [[motivation]] and [[Perceived abilities]]

    1. The most recognized theory of intrinsic motivation was first based on people’s needs and drives. Hunger, thirst, and sex are biological needs that we’re driven to pursue in order to live and be healthy.

      these examples of [[intrinsic motivation]] line up with the [[Physiological needs]] in [[Maslow's Hierarchy of Needs]]

    1. There was a major refactoring in the resolver (https://github.com/webpack/enhanced-resolve). This means the resolving option were changed too. Mostly simplification and changes that make it more unlikely to configure it incorrectly.
    1. Alexanderproposeshomesandofficesbedesignedandbuiltbytheireventualoccupants.Thesepeople,hereasons,knowbesttheirrequirementsforaparticularstructure.Weagree,andmakethesameargumentforcomputerprograms.Computerusersshouldwritetheirownprograms.KentBeck&WardCunningham,1987 [7]

      Users should program their own programs because they know their requirements the best.

      [7]: Beck, K. and Cunningham, W. Using pattern languages for object-oriented programs. Tektronix, Inc. Technical Report No. CR-87-43 (September 17, 1987), presented at OOPSLA-87 workshop on Specification and Design for Object-Oriented Programming. Available online at http://c2.com/doc/oopsla87.html (accessed 17 September 2009)

    1. Connected to this are Andy Matuschak’s comments about contextual backlinks bootstrapping new concepts before explicit definitions come into play.

      What Joel says here about Contextual Backlinks is that they allow you to "bootstrap" a concept (i.e. start working with it) without explicit definitions coming into play (or as Andy would say, the content is empty).

    2. Easily updated pages: don’t worry about precisely naming something at first. Let the meaning emerge over time and easily change it (propagating through all references).

      Joel highlights a feature here of Roam and ties it to incremental formalisms.

      In Roam you can update a page name and it propagates across all references.

    3. Cognitive Overhead (aka Cognitive Load): often the task of specifying formalism is extraneous to the primary task, or is just plain annoying to do.

      This is the task that you're required to do when you want to save a note in Evernote or Notion. You need to choose where it goes.

    4. The basic intuition is described well by the Shipman & Marshall paper: users enter information in a mostly informal fashion, and then formalize only later in the task when appropriate formalisms become clear and also (more) immediately useful.

      Incremental formalism

      Users enter information in an informal fashion. They only formalize later when the appropriate formalism becomes clear and/or immediately useful.

    5. It’s important to notice something about these examples of synthesis representations: they go quite a bit further than simply grouping or associating things (though that is an important start). They have some kind of formal semantic structure (otherwise known as formality) that specifies what entities exist, and what kinds of relations exist between the entities. This formal structure isn’t just for show: it’s what enables the kind of synthesis that really powers significant knowledge work! Formal structures unlock powerful forms of reasoning like conceptual combination, analogy, and causal reasoning.

      Formalisms enable synthesis to happen.

    1. Systems which display backlinks to a node permit a new behavior: you can define a new node extensionally (rather than intensionally) by simply linking to it from many other nodes—even before it has any content.

      Nodes in a knowledge management system can be defined extensionally, rather than intensionally, through their backlinks and their respective context.

    1. Replication begins

      Rolling circle replication overview

      Replication begins when the Rep protein, which is encoded on the plasmid (ORF A), recognizes a specific site on the plasmid (double-strand origin, or DSO) and catalyzes the nicking of one DNA strand. The Rep protein remains bound to the 5′ phosphate after the nicking action. The newly released 3′ hydroxyl on the opposite end serves as a primer for DNA synthesis. The host DNA polymerase uses the unnicked circular strand as a template, so that a single replication fork moves around a plasmid until it regenerates the DSO. A second copy of Rep protein catalyzes the cleavage of the newly formed DSO, effectively releasing a single stranded copy of the plasmid. In the absence of Rep, the replication fork continues to move around the template, forming a single stranded concatemer. The single strand origin (SSO), a non-coding element that forms extensive secondary structure, is required for synthesis of the lagging strand. SSO sequences vary considerably among different RCR plasmids, but are extremely important for robust replication of the plasmid in the cell [10]. Here we describe the engineering of the pWV01 RCR origin to create pBAV1K-T5, a very broad-host range expression vector.

    1. Do we need such a big abstraction for this? Many would just use fetch directly. Why not just use fetch directly? In Svelte, for example, you would probably never see something like this ... right?

    1. However, this construct is not completely equivalent to if ... fi in the general case.

      The caveat/mistake here is if you treat it / think that it is equivalent to if a then b else c. That is not the case if b has any chance of failing.

    2. What's not obvious here is how the quotes nest. A C programmer reading this would expect the first and second double-quotes to be grouped together; and then the third and fourth. But that's not the case in Bash. Bash treats the double-quotes inside the command substitution as one pair, and the double-quotes outside the substitution as another pair.

      subshell > quotes

    1. Important caveat: in the combined expression, if the middle command has a non-zero exit status, then both the middle and the rightmost command end up getting executed.

      I don't think that is surprising, is it? Since && and || have the same order of precedence. So I think this is more of a clarification than a caveat.

      I think this is just because:

      a && b || c is equivalent to: (a && b) || c (so of course c gets evaluated if (a && b) is false (that if either a or b is false).

      I think they just mean, in this case:

      bedmap && mv || fail
      

      if mv fails, then fail still gets executed.

      Easier to see with a simpler example:

      ⟫ true && false || echo 'fail'
      fail
      
      ⟫ false && true || echo 'fail'
      fail
      

      Better example/explanation here: https://hyp.is/-foxmCVXEeuhnLM-le_R4w/mywiki.wooledge.org/BashPitfalls

      The caveat/mistake here is if you treat it / think that it is equivalent to if a then b else c. That is not the case if b has any chance of failing.

    1. When you email me, please include a minimal bash script that demonstrates the problem in the body of the email (not as an attachment). Also very clearly state what the desired output or effect should be, and what error or failure you are getting instead. You are much more likely to get a response if your script isn't some giant monster with obtuse identifiers that I would have to spend all afternoon parsing.
    1. Broadly speaking, modularity is the degree to which a system's components may be separated and recombined, often with the benefit of flexibility and variety in use.
    1. In Rust, we use the "No New Rationale" rule, which says that the decision to merge (or not merge) an RFC is based only on rationale that was presented and debated in public. This avoids accidents where the community feels blindsided by a decision.
    2. I'd like to go with an RFC-based governance model (similar to Rust, Ember or Swift) that looks something like this: new features go through a public RFC that describes the motivation for the change, a detailed implementation description, a description on how to document or teach the change (for kpm, that would roughly be focused around how it affected the usual workflows), any drawbacks or alternatives, and any open questions that should be addressed before merging. the change is discussed until all of the relevant arguments have been debated and the arguments are starting to become repetitive (they "reach a steady state") the RFC goes into "final comment period", allowing people who weren't paying close attention to every proposal to have a chance to weigh in with new arguments. assuming no new arguments are presented, the RFC is merged by consensus of the core team and the feature is implemented. All changes, regardless of their source, go through this process, giving active community members who aren't on the core team an opportunity to participate directly in the future direction of the project. (both because of proposals they submit and ones from the core team that they contribute to)
    3. also, should RFCs include working code (basics for the IETF work)?
    1. If this PR merges and it has unforseen bugs / issues, I'm not sure anyone would have the time to jump in and fix it. So, that's why I'm being cautious about approving/merging it.
    1. I refuse to back anything from Queen games. Their kickstarters, IMO, are meant to get people to have FOMO instead of something being worth the price.
    1. This plugin was designed as a proof-of-concept for a feature that's destined for Rails 4. It has only been tested on Rails 3.2+, but may work on earlier versions as well.
    1. Reviewing pre-prints with hypothes.is?

      After conversion using the hypothes.is API tool: https://jonudell.info/h/CopyAnnotations/ , this annotation has been copied to a public annotation (which I subsequently edited).

      Drawback: you can only use it with one user log-in and on a single web domain (so you'd have to run it for every single article someone has reviewed).

      Original annotation (see in group—that one stays there, usefully!)

      This annotation should be private to the group only.

      Tags are permitted, they can be any free text.

    1. {#key} was introduced in Svelte v3.28, before that you needed to use a keyed {#each} block with only one item When the key changes, svelte removes the component and adds a new one, therefor triggering the transition.
    1. Coming from stuff like jQuery, a lot of devs who used React were like "wow", and coming from React, Svelte feels amazing too! People just need to try it, it's so incredibly simple too!
    1. Svelte's advantage here is that it indicates the need for an update at the place where the associated data is updated, instead of at each place the data is used. Then each template expression of reactive statement is able to check very quickly if it needs to rerender or not.
    2. We don't use "attribute directives" much which makes things easier.
    3. Svelte slots are much easier to use and reason about than Angular transclude, especially in cases where you don't want an extra wrapper element around the slot content.
    1. first-personal thought and language is irreducible to non-first-personal thought and language, and is essential to the explanation of action

      Is the author implying that, on a 'Referent' and 'Thought and Language' Grid, 'Referent" ("I" as Subject) as a content of the 'Thought and Language' ("My pants are on fire") calls for action enablement. Whereas 'Referent' ("Smith" as Subject) as content of the 'Thought and Language' ("Smith's pants are on fire") is not self-locating, for being non-first personal thought?

      == Two Lines of Thinking == (1) Smith's pants are on fire. He should put it out. (2) Smith's pants are on fire. He should put it out. I am Smith. Therefore, my pants are on fire. Therefore, I should put it out.

      == unless, I come to believe 'I = Smith', only then it calls for action. Unless and until, 'Smith' becomes first-personal in the mind, it is unable to self-locate.

    1. I've only done components that need to/can be Svelte-ified. For some things, like RTL and layout grid, you can just use the MDC packages.
    2. This is Sass based, and therefore doesn't require Svelte components

      Just because we could make Svelte wrapper components for each Material typography [thing], doesn't mean we should.

      Compare:

      • material-ui [react] did make wrapper components for typography.

        • But why did they? Is there a technical reason why they couldn't just do what svelte-material-ui did (as in, something technical that Svelte empowers/allows?), or did they just not consider it?
      • svelte-material-ui did not.

        • And they were probably wise to not do so. Just reuse the existing work from the Material team so that there's less work for you to keep in sync and less chance of divergence.
    3. You can support my work on this project through my other project, Tunnelgram.
    4. This is not an MDC Web component. It is an addition that SMUI provides.
    1. Tunnelgram is fully open source (server and client) and uses the Tunnelwire Encryption Scheme, so you can see all of the code it's built on.
    1. The resolve.alias option is used to make sure that only one copy of the Svelte runtime is bundled in the app, even if you are npm linking in dependencies with their own copy of the svelte package. Having multiple copies of the internal scheduler in an app, besides being inefficient, can also cause various problems.
    2. If your Svelte components contain <style> tags, by default the compiler will add JavaScript that injects those styles into the page when the component is rendered. That's not ideal, because it adds weight to your JavaScript, prevents styles from being fetched in parallel with your code, and can even cause CSP violations. A better option is to extract the CSS into a separate file. Using the emitCss option as shown below would cause a virtual CSS file to be emitted for each Svelte component. The resulting file is then imported by the component, thus following the standard Webpack compilation flow.
    1. Frontend frameworks are a positive sum game! Svelte has no monopoly on the compiler paradigm either. Just like I think React is worth learning for the mental model it imparts, where UI is a (pure) function of state, I think the frontend framework-as-compiler paradigm is worth understanding. We're going to see a lot more of it because the tradeoffs are fantastic, to where it'll be a boring talking point before we know it.
    2. Quick self-promotion plug (but in the name of altruism)
    1. I understand your point and yes, at least as of now, the issue is purely related to #4652 (can’t exclude that others will find different uses in the future, however).
    1. Note that you can also use dynamic partials, that conditionally select the partial to render based on the value in the JSON.
    2. We all know that real business logic does not belong in the presentation layer, but what about simple presentation-oriented things like coloring alternate rows in table or marking the selected option in a <select> dropdown? It seems equally wrong to ask the controller/business logic code to compute these down to simple booleans in order to reduce the logic in the presentation template. This route just lead to polluting the business layer code with presentation-oriented logic.
    3. Templates with logic versus "logic-less" templates is a hotly debated point among template language designer and users. Dust straddles the divide by adopting a "less logic" stance.
    1. To detect foreign DNA in 5 ml of lake water, 15 ml of lake water must be screened.

      Why is this multiplied by 3? Related to statistical error of subsampling - rule of three)

  3. Oct 2020
    1. the azaleas

      My grandma used to grow these in our backyard, and I grew up anticipating their bloom, only to see them shrivel up and brown a couple weeks later...for the plant to stay alive, they must be vigorously pruned and cut back regularly...so this choice of flowers, I think, is pretty apt for the themes of youth/entering society/the fear of age.

    1. A spreadsheet may be represented as a directed acyclic graph, with each cell a vertex and an edge connected a cell when a formula references another cell. Other applications include scheduling, circuit design and Bayesian networks.
    1. "We should try to find a replacement for omgwtfssl, which is currently used to generate self-signed certificates. The name is inappropriate and unprofessional."
    1. Please don't copy answers to multiple questions; this is the same as your answer to a similar question

      Why on earth not? There's nothing wrong with reusing the same answer if it can work for multiple questions. That's called being efficient. It would be stupid to write a new answer from scratch when you already have one that can work very well and fits the question very well.

    1. I use a mutator and use it's changeValue function to 'change' the value of the relevant field (I supply the same value). This in turn notifies all relevant parties of the change to the form's state, and a validation is triggered.

      Nearly duplicate annotation here: https://hyp.is/I2t56hjLEeuPXIsZG-jYog/xtzmf.csb.app/

    2. we update the validation schema on the fly (we had a similar case with a validation that needs to be included whenever some fetch operation was completed)
    3. Library author here. I'm always fascinated by new ways people can invalidate my assumptions. I mean that in a sincerely positive way, as it results in learning.
    1. export const validationSchema = {
        field: {
          account: [Validators.required.validator, iban.validator, ibanBlackList],
          name: [Validators.required.validator],
          integerAmount: [
      

      Able to update this schema on the fly, with:

        React.useEffect(() => {
          getDisabledCountryIBANCollection().then(countries => {
            const newValidationSchema = {
              ...validationSchema,
              field: {
                ...validationSchema.field,
                account: [
                  ...validationSchema.field.account,
                  {
                    validator: countryBlackList,
                    customArgs: {
                      countries,
                    },
                  },
                ],
              },
            };
      
            formValidation.updateValidationSchema(newValidationSchema);
          });
        }, []);
      
    1. The great ones have a thought pro-cess, philosophy and habit all rolled into one that overshadows the rest: I am responsible.
    1. Separation of concerns: You will avoid having your business logic being tied up to the UI
    2. What would happen if we get the list from a rest api when the form component is mounted? That's an interesting topic, you can add a rule once a component has been mounted and update the associated validation schema.
    3. const countriesRegExp = countries.reduce( (regex, country, i) => (i === 0 ? `(${country})` : `${regex}|(${country})`), "" )
    4. Ok, I have seen that there are lot of built-in and third party validations, but sooner or later I will face a validation rule not covered by this buffet. Can I build a custom one? Of course you can!
    5. On the other hand, handling form validation on your own can be tempting, but you have to cover scenarios like:
    6. If you want to implement a form with a superb User Experience, you have to take care of many variables:
    1. Use the same value that was submitted, which ensures that a 'change' is triggered even though the value itself doesn't change. Therefore, the same value gets validated again.

      Calling it "change" even though it didn't change is kind of cheating/abuse ... but I guess it's okay...??

        mutateValue([name], state, { changeValue }) {
          // change the value to the same value, thus
          // triggering a revalidation of the same value
          changeValue(state, name, value => value);
        }
      
    1. In agent-oriented programming the antonym is depender, though in general usage the common term dependent is used instead. There is no common language equivalent for dependee', however – other metaphors are used instead, such as parent/child. The circumlocutions “A depends on B” and “B is depended on by A” are much more common in general use than “A is the depender, B is the ' dependee ”.
    1. In the software industry we use "dependency" to refer to the relationship between two objects. We say "looking for dependents" for relationships to dependent things and "looking for dependencies" for relationships to prerequisite things, so it gets that connotation, but the literal meaning is the relationship itself, not the object. Finding a better word is exactly the point of the question
    1. I'm afraid there's only so much the docs & tutorials can do about something like this actually. When you first read them, you don't get Svelte well enough (since you're reading a tutorial...) for this to make sense to you. Then you try something, encounter a behaviour, question it, understand better... That's learning.
    1. Structural Racism as SDH: -Examples: 1) Home Health workers not eligible for paid leave causing disproportionate harm when injured 2) Nursing Home: SSA funded private long term care for the elderly and prohibited funding for institutions for AA individuals Laws 1) Often don't address root causes. For example, anti-discrimination laws legitimizes existing structures

    1. Human empathy in the perception of nature

      Many people seem to think that a universal conception of morality requires that we find moral principles that admit no exceptions. If, for instance, it is indeed wrong to lie, it must always be wrong to lie—and if one can find a single exception, any notion of moral truth must be abandoned. However, the existence of moral truth—that is, the connection between how we think and behave and our well-being—does not require defining morality in terms of unvarying moral precepts. Morality could be a lot like chess: some principles generally apply, but they might admit to essential exceptions. If you want to play good chess, a principle like “Do not lose your Queen” is almost always worth following. Nevertheless, it admits exceptions: sometimes sacrificing your Queen is a brilliant thing to do; occasionally, it is the only thing you can do. However, it remains a fact that from any position in a game of chess, there will be a range of objectively right moves and objectively bad ones. Suppose there are objective truths to be known about human well-being—if kindness, for instance. It is generally more conducive to happiness than cruelty is—then science should one day be able to make exact claims about which of our behaviors and uses of attention are morally right, which are neutral, and worth abandoning (Harris 2010).

      Harris, Sam. The Moral of Landscape. New York: Free Press, 2010.

    1. To silence circular dependencies warnings for let's say moment library use: // rollup.config.js import path from 'path' const onwarn = warning => { // Silence circular dependency warning for moment package if ( warning.code === 'CIRCULAR_DEPENDENCY' && !warning.importer.indexOf(path.normalize('node_modules/moment/src/lib/')) ) { return } console.warn(`(!) ${warning.message}`) }
    1. Handling all these requests costs us considerably: servers, bandwidth and human time spent analyzing traffic patterns and devising methods to limit or block excessive new request patterns. We would much rather use these assets elsewhere, for example improving the software and services needed by W3C and the Web Community.
  4. learn-us-east-1-prod-fleet02-xythos.content.blackboardcdn.com learn-us-east-1-prod-fleet02-xythos.content.blackboardcdn.com
    1. For the law ofnature, like every law concerning men in this world, would befutile if no-one had power to enforce it and thereby preservethe innocent and restrain offenders

      agrees with Hobbes in that laws of nature need an enforcer- just instead says every man has this power

    1. A simple rule of thumb: the name of the updated variable must appear on the left hand side of the assignment. For example this... const foo = obj.foo; foo.bar = 'baz';...won't update references to obj.foo.bar, unless you follow it up with obj = obj.
    1. you are granting us the right to use your User Content without the obligation to pay royalties to any third party
    2. You or the owner of your User Content still own the copyright in User Content sent to us, but by submitting User Content via the Services, you hereby grant us an unconditional irrevocable, non-exclusive, royalty-free, fully transferable, perpetual worldwide licence to use, modify, adapt, reproduce, make derivative works of, publish and/or transmit, and/or distribute and to authorise other users of the Services and other third-parties to view, access, use, download, modify, adapt, reproduce, make derivative works of, publish and/or transmit your User Content in any format and on any platform, either now known or hereinafter invented.
    1. He took three paces—with the fourth he reached his goal,       

      Interesting depiction of the actual size of gods here. If Poseidon was this large, how large would other gods appear such as Zeus? Or even Cronus, as literature suggests he too has a physical form. Would gods be able to show their true form to humans? Or is this why Zeus often appears as other beings when interacting with mortals.

    1. Listening for External Changes By wrapping a stateful ExternalModificationDetector component in a Field component, we can listen for changes to a field's value, and by knowing whether or not the field is active, deduce when a field's value changes due to external influences.
    1. I run s.search() by typing into an input box, and if I type gibberish very quickly, the console prints out "making search request" on every key press, so many times per second -- indicating that it hasn't been debounced at all.
    1. // Make a HOC
      // This is not the only way to accomplish auto-save, but it does let us:
      // - Use built-in React lifecycle methods to listen for changes
      // - Maintain state of when we are submitting
      // - Render a message when submitting
      // - Pass in debounce and save props nicely
      export default props => (
        <FormSpy {...props} subscription={{ values: true }} component={AutoSave} />
      );
      
    1. Link to https://ponyfill.com in your readme. Example. Add ponyfill to the keywords section in package.json.
    1. Cognitive Presence “is the extent to which learners are able to construct and confirm meaning through sustained reflection and discourse” (Community of Inquiry, n.d, para. 5). Video is often used as a unidirectional medium with information flowing from the expert or instructor to the learner. To move from transmission of content to construction of knowledge, tools such as Voice Thread (VoiceThread, 2016) support asynchronous conversation in a multimedia format.

      The author, Kendra Grant, is the Director of Professional Development and Learning for Quillsoft in Toronto Canada. Grant helps business succeed in education design and support. In this article Grant discusses how quickly the learning environment has changed through technological development. Grant explores the RAT Model, which guides instructors in the "use of technology to help transform instructional practice." Grant then examines the Community of Inquiry model, which seeks to create meaningful instruction through social, cognitive and teaching presence. Grant concludes by providing general principles for creating a positive video presence.

      Rating: 8/10

    1. 15 Fall Scenarios

      The authors, Edward J. Maloney and Joshua Kim, wrote a total of 15 articles describing various scenarios for the university learning environment during COVID-19. This article summarizes each of these more detailed plans including "normal" and moving the Fall term to the Spring. They also describe various learning models including HyFlex, modularity, virtual, and remote.

      Rating: 7/10

    1. Online learning, blended learning, flipped learning, hybrid learning, flexible learning, open learning and distance education are all terms that are often used inter-changeably, but there are significant differences in meaning. More importantly, these forms of education, once considered somewhat esoteric and out of the mainstream of conventional education, are increasingly taking on greater significance and in some cases becoming mainstream themselves. As teachers and instructors become more familiar and confident with online learning and new technologies, there will be more innovative methods developing all the time.

      The author, Anthony Bates, holds a BA in Psychology and a Ph.D. in Educational Administration. He holds over 40 years of teaching experience. In this chapter he proposes online learning is a mode of delivery versus a teaching method. In this chapter Bates compares teaching delivery methods, defines which mode students need, and weighs in on the choice between face-to-face and online teaching.

      Rating: 10/10

    1. Once again, this isn’t good or bad, it’s just the most efficient way to create something that is similar to something else
    2. For years, I’ve shared with friends and clients what I call the bunny theory of code. The theory is that code multiplies when you’re not looking, not unlike bunnies that tend to multiply when you’re not looking.
    3. Anyone who’s ever worked with me knows that I place a very high value on what ends up checked-in to a source code repository.
    4. Checking in is akin to sharing your code with others, and once out in the world, it’s hard to predict what that code will do.
    1. nzaka's theory of bunny code is relevant here
    2. mixing the turing complete of javascript with the markup of HTML eliminates the readability of JSX so that it is actually harder to parse than a solution like hyperscript
    3. I'm okay with an overall design that allows people to plugin the parts they need in order to be able to generically support a compile-to-javascript language, but to bake in support for one singular solution because its popular is simply bad engineering.
    4. One of the primary tasks of engineers is to minimize complexity. JSX changes such a fundamental part (syntax and semantics of the language) that the complexity bubbles up to everything it touches. Pretty much every pipeline tool I've had to work with has become far more complex than necessary because of JSX. It affects AST parsers, it affects linters, it affects code coverage, it affects build systems. That tons and tons of additional code that I now need to wade through and mentally parse and ignore whenever I need to debug or want to contribute to a library that adds JSX support.
    5. Yes, you can embed loops in it and compose lots of small repeated JSX snippets, but that almost never happens in practice because mixing the turing complete of javascript with the markup of HTML eliminates the readability of JSX so that it is actually harder to parse than a solution like hyperscript (the syntactical approach taken by virtual-dom).
    6. Supporting JSX out of the box is the engineering equivalent of Mozilla supporting DRM out of the box in FireFox.
    7. If the react cargo cult didn't have the JSX cowpath paved for them and acclimated to describing their app interface with vanilla javascript, they'd cargo cult around that. It's really about the path of least resistance and familiarity.
    8. I'm personally open to any other solutions, especially in how we might be able to untie from React, but, for now, inline-XML markup (JSX) is OK with me.
    9. @subfuzion That error looks unrelated to the existing discussion.

      I assume they locked it in reaction to someone posting something unrelated / off-topic.

    Tags

    Annotators

    URL

    1. Other frameworks, which use a template syntax built atop HTML — Svelte, Vue, Ractive, Glimmer etc — have historically been fragmented, meaning those tools need to be reinvented many times.
    1. For the sake of best compatibility we convert the className attribute to class for svelte.

      Svelte refuses to standardize on any way to pass a CSS class. I thought className was actually the most common name for this prop though even in Svelte...

    1. In the next major, we'll start copying the ref onto both the props and the element.ref. React will now use the props.ref as the source of truth for forwardRef and classes and it will still create a shallow copy of props that excludes the ref in these cases. At the same time, we'll add a getter for element.ref in DEV that warns if you access it. The upgrade path is now to just access it off props if you need it from the element.
    2. Additionally, if we ever want to standardize more of JSX we need to start moving away from some of the more esoteric legacy behaviors of React.
    1. The problem is that the since both the JSX transpiler and the traceur compiler are actually parsing the full javascript AST, they would have to mutually agree on the syntax extensions you use: traceur can't parse the faux-xml syntax JSX adds, and JSX can't parse the async or await keywords, for example, or generator functions.
    1. This balancing act needs to take into account project complexity (size, distribution, etc.), uncertainty (risk, innovation need, etc.), and the cost of change at the project level and for each major component.
    2. Compounding the problem of iteration disguised as oscillation is the cost of change.
    1. they found that the glyoxylate and pyruvate reacted to make a range of compounds that included chemical analogues to all the intermediary products in the TCA cycle except for citric acid. Moreover, these products all formed in water within a single reaction vessel, at temperatures and pH conditions mild enough to be compatible with conditions on Earth.
    1. According to the endurantist view, material objects are persisting three-dimensional individuals wholly present at every moment of their existence
    1. Lei, Simon A., et al. "Strategies for improving reading comprehension among college students." Reading Improvement, vol. 47, no. 1, Spring 2010, p. 30+. Gale Academic OneFile, https://link.gale.com/apps/doc/A221203907/AONE?u=azstatelibdev&sid=AONE&xid=6ed72e73. Accessed 12 Oct. 2020.

      Description: This article delves into the importance of comprehension and vocabulary for college level students. It outlines different tools students can use online to help them comprehend such as annotations and graphic organizers.

      Rating: 9/10

      Reasoning for the rating: This article uses many sources as it describes the methods to best comprehend complex texts. It also takes time to explain the importance of comprehension in English classes as well as outside. It supports each method with an example or explanation for the success of the model. Though it touches upon ineffective methods, it does not delve into why they fail.

    1. Description: Banner discusses the correlation between literacy blogs and reading comprehension in students. He outlines the relationship between socialization and motivation. Furthermore, he describes the steps a teacher can use to implement literature blogs in their classroom.

      Rating: 7/10

      Reason for the rating: Banner uses multiple sources to support his theories and methods. The examples given in the text are well-thought out, but focus on middle school and high school students. Additionally, the website "Emerging Ed Tech" is designed to be a space where educators can discuss how to integrate technology effectively in their classrooms.

  5. mdxjs.com mdxjs.com
    1. MDX seeks to make writing with Markdown and JSX simpler while being more expressive. Writing is fun again when you combine components, that can even be dynamic or load data, with the simplicity of Markdown for long-form content.
    1. Could I get your intuition for why that rule of thumb applies to svelte components but not Javascript functions? I tend to make heavy use of let x = e when writing normal Javascript, as I do in most other languages (though unlambda is a notable exception). How is svelte different?