profile
viewpoint
If you are wondering where the data of this site comes from, please visit https://api.github.com/users/sebmarkbage/events. GitMemory does not store any data, but only uses NGINX to cache data for a period of time. The idea behind GitMemory is simply to give users a better reading experience.
Sebastian Markbåge sebmarkbage Facebook New York City http://blog.calyptus.eu/

reactjs/rfcs 3336

RFCs for changes to React

reactwg/react-18 1838

Workgroup for React 18 release.

sebmarkbage/art 964

Retained mode vector drawing API designed for multiple output modes. There's also a built-in SVG parser.

sebmarkbage/ecmascript-generator-expression 95

Proposal for do Generator Expressions in ECMAScript. Work in progress. Edit Add topics

sebmarkbage/ecmascript-undefined-propagation 79

ECMAScript proposal to relax the rules to return `undefined` for property access on `null` or `undefined` instead of throwing.

sebmarkbage/ecmascript-shallow-equal 48

A proposal for ECMAScript for Object.shallowEqual.

sebmarkbage/art-illustrator 16

This project provides Adobe Illustrator ExtendScripts to export graphics to ART Script files.

sebmarkbage/blink-devtools 11

This is an unofficial mirror of the Blink Developer Tools.

issue commentfacebook/create-react-app

"npx create-react-app my-app" stopped working in 4.0.3

just update npx to latest version => npm update npx

peterbe

comment created time in 20 minutes

pull request commenttc39/ecma262

Some changes to make the doc more beginner-friendly

Looks like we have 2 LGTMs then, but @ljharb's wasn't properly registered since it's a comment.

tomayac

comment created time in 23 minutes

issue commenttc39/proposal-compartments

Consider hooks for Array templatedness

@erights

Why the boolean flag? A compartment should be able to detect the templatedness of its own templates. It should not be able to detect the templatedness of other templates.

The templatedness check (without compartments) is realm-agnostic (https://github.com/tc39/proposal-array-is-template-object/issues/10) i.e. another Realm templates pass it, hence the new [[TemplateObject]] instead of reusing [[TemplateMap]] for the check. I agree moving the [[TemplateMap]] to the compartments from realms makes sense, but the regular (i.e. not compartmentalized) isTemplateObjectis not checking the [[TemplateMap]], so it doesn't change much?

I wanted to preserve this semantic for code running inside a Compartment. If this is not a requirement (and the code running inside a compartment will always be more restricted), then the signature could be changed. What is the expected behavior we're looking for in the following cases (for the Array.[prototype].isTemplateObject running inside a compartment)?

  1. a cross-realm template
  2. same-realm template a. created outside of compartment b. created in a different compartment c. created in the same compartment

IIUC 1, 2a and 2b should fail unconditionally, and 2c should look in the compartment-relative[[TemplateMap]], and additionally consult the configurable isTemplate? Do I get it right, that compartment.isTemplate is called implicitly for 2c?

If this is the case, we would need to know that the code executes in a compartment. It's not currently spelled out, but I guess compartments will store that in a running execution context so we could branch on that?

is there a summary of why this is needed?

@Jack-Works, see https://github.com/tc39/proposal-array-is-template-object/issues/10#issuecomment-771274276 and the rest of that issue. The summary is: to be able to virtualize isTemplateObject check in a compartment.

koto

comment created time in 27 minutes

issue commentfacebook/react-native

Cannot find module 'node_modules/metro/src/JSTransformer/worker.js'

Hello I had the same issue as you describe. I fixed it by reinstalling node_modules and running : npx react-native start --reset-cache

EdDevs2503

comment created time in 31 minutes

issue commentfacebook/create-react-app

Moderate vulnerabilities when running npx create-react-app

when the hell its gonna resolve any update regarding this?

image

christopherlim98

comment created time in an hour

issue commentfacebook/create-react-app

Moderate vulnerabilities when running npx create-react-app

Need to install the following packages: create-react-app Ok to proceed? (y) y

Creating a new React app in C:\Users\Hamza\Desktop\MERN\client.

Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts with cra-template...

added 1919 packages, and audited 1920 packages in 8m

145 packages are looking for funding run npm fund for details

96 vulnerabilities (85 moderate, 11 high)

To address all issues, run: npm audit fix

Run npm audit for details.

Initialized a git repository.

Installing template dependencies using npm...

added 32 packages, and audited 1952 packages in 35s

145 packages are looking for funding run npm fund for details

96 vulnerabilities (85 moderate, 11 high)

To address issues that do not require attention, run: npm audit fix

To address all issues (including breaking changes), run: npm audit fix --force

Run npm audit for details. Removing template package using npm...

removed 1 package, and audited 1951 packages in 10s

145 packages are looking for funding run npm fund for details

96 vulnerabilities (85 moderate, 11 high)

To address issues that do not require attention, run: npm audit fix

To address all issues (including breaking changes), run: npm audit fix --force

Run npm audit for details.

Created git commit.

Success! Created client at C:\Users\Hamza\Desktop\MERN\client Inside that directory, you can run several commands:

npm start Starts the development server.

npm run build Bundles the app into static files for production.

npm test Starts the test runner.

npm run eject Removes this tool and copies build dependencies, configuration files and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

cd client npm start

Happy hacking!

image

christopherlim98

comment created time in an hour

issue commentfacebook/create-react-app

public directory css url

Okay, say I have a png-sequence of 1500 images that I need to load and play back. Not really practical to add 1500 import statements to the code. This would be simple to do with images in the public folder - not in the src. And why use build ressources on copying images from src to public if they are already optimized once and for all?

I think this is a pretty common scenario thats been overlooked.

keonik

comment created time in 2 hours

pull request commentreact-navigation/react-navigation

fix: sort wildcard and :params

:heavy_check_mark: Deploy Preview for react-navigation-example ready!

:hammer: Explore the source changes: 32fe3f17d09452478e70df2c66517f1954ed1d20

:mag: Inspect the deploy log: https://app.netlify.com/sites/react-navigation-example/deploys/60c708045a9be50007276b75

:sunglasses: Browse the preview: https://deploy-preview-9672--react-navigation-example.netlify.app/

zhigang1992

comment created time in 2 hours

pull request commentreact-navigation/react-navigation

fix: sort wildcard and :params

Hey zhigang1992! Thanks for opening your first pull request in this repo. If you haven't already, make sure to read our contribution guidelines.

zhigang1992

comment created time in 2 hours

PR opened react-navigation/react-navigation

fix: sort wildcard and :params
  • fix: move :hello to bottom along with *
  • test: add case on :params
+20 -20

0 comment

2 changed files

pr created time in 2 hours

issue commentreactjs/reactjs.org

compound components not mentioned in docs

dfsf

surajnarsale

comment created time in 2 hours

issue commentfacebook/react-native

[iOS] Failed building app with Hermes enabled

I am facing the same issue with react-native version0.64.1

marf

comment created time in 2 hours

issue commentfacebook/react-native

"VirtualizedLists should never be nested inside plain ScrollViews with the same orientation" error in console for FlatList/SectionList with scrollEnabled={false}

I built a wrapper component do un-virtualize the list when scrollEnabled={false} to get around this, eg:

import React from 'react';
import { FlatListProps, FlatList as NativeFlatList, View } from 'react-native';

// Custom FlatList that doesnt try to virtualize when scrollEnabled={false}
// Do this to avoid "VirtualizedLists should never be nested inside plain ScrollViews with the same orientation" error in console
export default function FlatListWrapper<ItemT>(props: FlatListProps<ItemT>) {
  if (!props.scrollEnabled) {
    return (
      <View style={props.style}>
        {!!props.ListHeaderComponent && !!props.data && props.data.length > 0 && props.ListEmptyComponent}
        {!!props.ListEmptyComponent && (!props.data || props.data.length === 0) && props.ListEmptyComponent}
        {!!props.data && props.data.map((item: any, index) => <View key={!!props.keyExtractor ? props.keyExtractor(item, index) : `${index}`}>
          {!!props.renderItem && props.renderItem({
            item, index, separators: {
              highlight: () => null,
              unhighlight: () => null,
              updateProps: (select: 'leading' | 'trailing', newProps: any) => null
            }
          })}
        </View>)}
        {!!props.ListFooterComponent && !!props.data && props.data.length > 0 && props.ListFooterComponent}
      </View>
    );
  }
  return <NativeFlatList {...props} />;
}
JeremyBradshaw7

comment created time in 2 hours

issue commentreactjs/reactjs.org

ISO-8859-1 encoding.

test

geovanebma

comment created time in 2 hours

issue commentreactjs/reactjs.org

javascript

d

TakaKawai

comment created time in 2 hours

issue commentreactjs/reactjs.org

javascript

d

TakaKawai

comment created time in 2 hours

issue commentreactjs/reactjs.org

compound components not mentioned in docs

hey

surajnarsale

comment created time in 3 hours

issue commentfacebook/react

React 18: react-router@v5 is breaking in the Strict Mode (strict effects)

We’re not yet asking application authors to try the release.

People won't listen (like me).

For example, TikTok has upgraded to React 18 already (https://twitter.com/Brooooook_lyn/status/1402632529270632456?s=20)

Since people want to try out fresh things immediately, I think a list of what is blocking people from upgrading is helpful and can reduce other one's time-wasting.

Jack-Works

comment created time in 3 hours

issue commentreactjs/reactjs.org

Core Custom Design Implementation

test

hirojaisinghani

comment created time in 4 hours

issue openedfacebook/react

Bug:

<!-- Please provide a clear and concise description of what the bug is. Include screenshots if needed. Please test using the latest version of the relevant React packages to make sure your issue has not already been fixed. -->

React version: 17.0.2

Steps To Reproduce

  1. Render a button and a scrollable list with a height of 150px. The list should contain an array of 15 items, making sure to set the key prop of each item to unique values.
  2. Observe that you can see around 8 of the original 15 list items in view.
  3. On clicking the button, insert 15 more items into the beginning of the list, once again making sure to set the key prop of each item to unique values.
  4. Observe that you can now see around 8 of the new list items in view.

<!-- Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Issues without reproduction steps or code examples may be immediately closed as not actionable. -->

Link to code example: https://codesandbox.io/s/keen-sound-7q5yf?file=/src/App.js

<!-- Please provide a CodeSandbox (https://codesandbox.io/s/new), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem. You may provide a screenshot of the application if you think it is relevant to your bug report. Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve. -->

The current behavior

If the scroll position is at the very top of a list, after inserting new items at the beginning of the list, the new items are now visible.

The expected behavior

If the scroll position is at the very top of a list, after inserting new items at the beginning of the list, the original items should remain visible.

NOTE: When the scroll position is 1 or more pixels from the top of a list, after inserting new items at the beginning of the list, the new items remain visible as expected.

created time in 4 hours

issue commentfacebook/react

React 18: react-router@v5 is breaking in the Strict Mode (strict effects)

Hi! Can you clarify what would be the purpose of an issue like this? We’re not yet asking application authors to try the release.

The Alpha is focused on the library maintainers, and there will be a several months period before the Beta. It’s expected things would need adjustment early on, and I’m worried making a list of popular libraries before the authors even got a chance to try the release might be a bit premature.

We are committed to working with library authors and helping find recommendations where they’re unclear, including on this issue tracker. I’m just not sure that making a public list is the right way to kick this off.

What do you think?

Jack-Works

comment created time in 4 hours

pull request commentfacebook/react-native

[Android] Allows to set individual (left,top,right,bottom) dotted/dashed borders

Hi @RSNara , any update on this PR?

fabriziobertoglio1987

comment created time in 4 hours

issue closedreact-navigation/react-navigation

App crashes on navigating with the build APK but works fine on development

Current Behavior

I am using the navigation.navigate to go to the next screen eg code (https://github.com/Hardik500/madri/blob/master/src/components/home/Body.js#L36) to go the next screen i.e. (https://github.com/Hardik500/madri/blob/master/src/screens/Category.js)

And the App works fine for the first screen but whenever I go to the next screen in a build APK, it crashes. Also it works with no issues on development mode.

Expected Behavior

It should navigate to the next screen without throwing an errors

Steps I reproduced

  • Made sure that react-native-gesture-handler is at the beginning of the index file (https://github.com/Hardik500/madri/blob/master/index.js)
  • Tried changing navigation.navigate to navigation.push
  • Removing node_modules and doing ./gradlew clean
  • Linking the packages again manually

How to reproduce

The repository can be found here, (https://github.com/Hardik500/madri). Also for the navigation structure, you can refer to this file https://github.com/Hardik500/madri/blob/master/App.js

To run it on android just use,

  • npm i
  • npm run android
  • And connect your phone via usb
  • And click on the big button at the bottom

Your Environment

software version
Android 11
@react-navigation/native ^5.9.4
@react-navigation/stack ^5.14.4
react-native-gesture-handler ^1.10.3
react-native-safe-area-context ^3.2.0
react-native-screens ^3.1.1
react-native ~0.63.4
expo ~41.0.1
node 14.13.1
npm or yarn 6.14.8

App working on development:

ezgif com-gif-maker (1)

App working on build APK:

ezgif com-gif-maker

closed time in 5 hours

Hardik500