profile
viewpoint
If you are wondering where the data of this site comes from, please visit https://api.github.com/users/rickbeerendonk/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.
Rick Beerendonk rickbeerendonk @Oblicum The Netherlands / Colombia https://www.oblicum.com/ React, EcmaScript, PWA, Angular, Blazor, Svelte & Vue trainer in multiple European countries.

rickbeerendonk/ECMAScript-examples 13

Examples for ECMAScript 20XX.

rickbeerendonk/blazor-examples 1

Examples for Microsoft Blazor.

rickbeerendonk/flutter-examples 1

Examples for Google's Flutter.

rickbeerendonk/angular-examples 0

Examples for Google's Angular.

rickbeerendonk/angular.io 0

Website for Angular 2

rickbeerendonk/Binding 0

Simplifies creating databindable objects in .NET

rickbeerendonk/cfp-2015 0

This is the repository you need to fork to submit your talk to the ReactEurope conference this July http://react-europe.org

rickbeerendonk/cfp-lightnings-2015 0

ReactEurope Lightning talks Call For Papers

rickbeerendonk/clojure 0

The Clojure programming language

rickbeerendonk/clojurescript-examples 0

Examples for ClojureScript.

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 9 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 19 minutes

issue commenttensorflow/tfjs

Invalid Array Length error on libtensorflow download

@rthadur , As I mentioned before, the problem I have is in the download of custom binaries libtensorflow. I am not using the default URI [https://storage.googleapis.com/] to download libtensorflow but using a mirror to download it. I have also set the TFJS_NODE_CDN_STORAGE to the mirror url. But still not able to download it.

Is there any way to manually download libtensorflow?

manishchauhan30

comment created time in 40 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 an hour

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

created repositorymauricedb/women-go-tech-2021

created time in 2 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

IssuesEvent

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

startednextauthjs/next-auth-example

started time in 5 hours

startedbackstage/backstage

started time in 5 hours

issue commentfacebook/react-native

Could not GET 'https://dl.bintray.com/umsdk/release/com/facebook/react/react-native/maven-metadata.xml'

If someone encounters this problem, please let me know how to solve it. Thank you

iamfindingway

comment created time in 5 hours

issue closedfacebook/react-native

Could not GET 'https://dl.bintray.com/umsdk/release/com/facebook/react/react-native/maven-metadata.xml'

receive Forbidden!

Description

Please provide a clear and concise description of what the bug is. Include screenshots if needed. Please test using the latest React Native release to make sure your issue has not already been fixed: https://reactnative.dev/docs/upgrading.html

React Native version:

Run react-native info in your terminal and copy the results here.

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

Expected Results

Describe what you expected to happen.

Snack, code example, screenshot, or link to a repository:

Please provide a Snack (https://snack.expo.io/), 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

closed time in 5 hours

iamfindingway

issue openedfacebook/react-native

Could not GET 'https://dl.bintray.com/umsdk/release/com/facebook/react/react-native/maven-metadata.xml'

receive Forbidden!

Description

Please provide a clear and concise description of what the bug is. Include screenshots if needed. Please test using the latest React Native release to make sure your issue has not already been fixed: https://reactnative.dev/docs/upgrading.html

React Native version:

Run react-native info in your terminal and copy the results here.

Steps To Reproduce

Provide a detailed list of steps that reproduce the issue.

Expected Results

Describe what you expected to happen.

Snack, code example, screenshot, or link to a repository:

Please provide a Snack (https://snack.expo.io/), 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

created time in 5 hours

issue openedfacebook/react

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

https://github.com/ReactTraining/react-router/issues/7870

I do not have permission to post https://github.com/reactwg/react-18/discussions. Please open and pin a new issue in that repo to list all widely-used library that does not work with React 18 or need special handling.

created time in 5 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}

Have you fixed it? I got it too. Everything worked well, but it shows errors in the console.

JeremyBradshaw7

comment created time in 5 hours

issue openedfacebook/create-react-app

Confusing comment on corejs@3

https://github.com/facebook/create-react-app/blob/master/packages/babel-preset-react-app/dependencies.js#L88-L89

// This will need to change once we upgrade to corejs@3
corejs: 3,

Was the change not really that needed?

created time in 6 hours

issue commentfacebook/create-react-app

Support setupProxy.mjs

Here is a patch-package you can use until the PR is merged

diff --git a/node_modules/react-scripts/config/paths.js b/node_modules/react-scripts/config/paths.js
index 67ba927..767cbcb 100644
--- a/node_modules/react-scripts/config/paths.js
+++ b/node_modules/react-scripts/config/paths.js
@@ -72,7 +72,7 @@ module.exports = {
   appJsConfig: resolveApp('jsconfig.json'),
   yarnLockFile: resolveApp('yarn.lock'),
   testsSetup: resolveModule(resolveApp, 'src/setupTests'),
-  proxySetup: resolveApp('src/setupProxy.js'),
+  proxySetup: resolveApp('src/setupProxy.cjs'),
   appNodeModules: resolveApp('node_modules'),
   swSrc: resolveModule(resolveApp, 'src/service-worker'),
   publicUrlOrPath,
@@ -95,7 +95,7 @@ module.exports = {
   appJsConfig: resolveApp('jsconfig.json'),
   yarnLockFile: resolveApp('yarn.lock'),
   testsSetup: resolveModule(resolveApp, 'src/setupTests'),
-  proxySetup: resolveApp('src/setupProxy.js'),
+  proxySetup: resolveApp('src/setupProxy.cjs'),
   appNodeModules: resolveApp('node_modules'),
   swSrc: resolveModule(resolveApp, 'src/service-worker'),
   publicUrlOrPath,
@@ -131,7 +131,7 @@ if (
     appJsConfig: resolveOwn(`${templatePath}/jsconfig.json`),
     yarnLockFile: resolveOwn(`${templatePath}/yarn.lock`),
     testsSetup: resolveModule(resolveOwn, `${templatePath}/src/setupTests`),
-    proxySetup: resolveOwn(`${templatePath}/src/setupProxy.js`),
+    proxySetup: resolveOwn(`${templatePath}/src/setupProxy.cjs`),
     appNodeModules: resolveOwn('node_modules'),
     swSrc: resolveModule(resolveOwn, `${templatePath}/src/service-worker`),
     publicUrlOrPath,
ulrichb

comment created time in 6 hours

issue commentfacebook/react-native

TextInput select and edit menu labels don't follow system locale on iOS

I am having this issue now on one of my app.

jsamr

comment created time in 6 hours

issue commentfacebook/react

Misleading error description when using wrong useRef

This issue seems to be solved by https://github.com/facebook/react/pull/18031

madroneropaulo

comment created time in 6 hours

pull request commentfacebook/create-react-app

Support setupProxy.mjs, cjs, ts, tsx, etc

Now that ES is stable in Node 14, one cannot use setupProxy and "type": "module" together without this patch. Anything I can do to help unblock this PR?

jamescostian

comment created time in 7 hours

pull request commentenaqx/awesome-react

Add react-swipeable-list

IOS version doesn’t look like on IOS. Check out how it works in Framework7 demo Swipeout section. It is more performant

marekrozmus

comment created time in 8 hours

issue closedmicrosoft/react-native-windows

Backport adding IViewManagerRequiresNativeLayout to 0.63

Originally the issue of the lack of a way to specify a custom measure function was spotted in 2 community modules, which are running 0.63. Do we see issues backporting https://github.com/microsoft/react-native-windows/pull/7013 to that version of RNW? If not, I'll go a head and make the PR.

closed time in 9 hours

rectified95

PR opened facebook/react

Dependabot/npm and yarn/fixtures/dom/handlebars 4.7.7

<!-- Thanks for submitting a pull request! We appreciate you spending the time to work on these changes. Please provide enough information so that others can review your pull request. The three fields below are mandatory.

Before submitting a pull request, please make sure the following is done:

  1. Fork the repository and create your branch from master.
  2. Run yarn in the repository root.
  3. If you've fixed a bug or added code that should be tested, add tests!
  4. Ensure the test suite passes (yarn test). Tip: yarn test --watch TestName is helpful in development.
  5. Run yarn test --prod to test in the production environment. It supports the same options as yarn test.
  6. If you need a debugger, run yarn debug-test --watch TestName, open chrome://inspect, and press "Inspect".
  7. Format your code with prettier (yarn prettier).
  8. Make sure your code lints (yarn lint). Tip: yarn linc to only check changed files.
  9. Run the Flow type checks (yarn flow).
  10. If you haven't already, complete the CLA.

Learn more about contributing: https://reactjs.org/docs/how-to-contribute.html -->

Summary

<!-- Dependabot npm and yarn fixtures dom handlebars 4.7.7 -->

+35 -4

0 comment

3 changed files

pr created time in 10 hours