Infinite scroll chat or feed component for React.js

A high-performance, bidirectional infinite scroll list component for large list rendering, support React/Vue/Expo. Use case: smoothly chat history, news feed updates, or stream logs in both directions without layout shifts. Best for large scroll list.

A smart react component to scroll down automatically

👯‍♂️ An X & Threads alternative, Meadows is a sleek social media platform for Gen-Z, built with Next.js, Supabase, and React Query that lets you post, follow, and interact in real time. Meadow features infinite scrolling feeds, light/dark themes, and a responsive mobile-first design.

React Native full-stack app using Expo SDK ≥ 50, TypeScript, and Supabase Edge Functions. Features secure auth (Supabase, expo-secure-store), subscription paywall (RevenueCat), profile management, and infinite-scroll vibes feed. Built for production with CI/CD (GitHub Actions, Expo EAS). 🚀 Let me know if you want further refinements! 🔥

This app is a social media mobile application built using React Native, designed to replicate core features like feed scrolling, posts, and user interaction.

Instagram-style scroll feed MVP built with MERN stack (React 18 + Vite, Express, MongoDB) - production-ready for Vercel deployment

A full-stack peer-to-peer project sharing platform featuring Firebase auth, real-time project feeds, advanced search/filters, ratings, reviews, infinite scroll, user profiles, bookmarks, and an analytics-ready admin dashboard. Built with React, Node.js, MongoDB, and TailwindCSS.

tiktok like feed scroll experiment in react

Sistema de feed com scroll infinito react native

Scroll infinito em forma de feed para react :)

Lumora is a React Native post feed app with infinite scrolling, user profiles, notifications, and theme switching.

A full-stack social networking platform built with React, Express.js, and Prisma ORM, featuring user authentication, post creation/editing, infinite scrolling feeds, and user profile exploration.

This is a fully responsive Instagram Clone developed using React JS and Firebase and Material UI. It has amazing features as LogIn , SignUp , scrolling feeds, commenting on posts and liking posts.

React frontend for the 'Cthru' media sharing app, featuring real-time Socket.io updates, infinite scrolling feeds, image cropping/uploads, and a responsive UI with Material-UI, Tailwind, and Flowbite components.

'RSS News Ticker' — is a lightweight, real-time news ticker that fetches and displays headlines from any RSS feed in a smooth-scrolling format. It auto-updates every 5 minutes, starts instantly, supports hover-to-pause, and is compatible with multiple platforms like HTML, JavaScript, and React. 🚀

A modern, Instagram-style todo app that makes managing tasks fun and addictive. Add your todos by voice, scroll through them like a social feed, and stay motivated by completing tasks in a gamified, interactive interface. Built with React Native (Expo) and designed for a sleek, engaging user experience.

Proof of concept for an app using React.js and Node.js along with typescript for both the client and the server using isomorphic architecture and SSR. The gallery itself is an Infinite Scroll from a feed of images retrieved from Flickr. All the images are rendered using lazy load.

Make a card like this containing all the information in it. • Make multiple items(cards) just like in facebook news feed and place it in a list view to make scrollable. • Implement GestureDetector() widget to make each card clickable. • After clicking each card detailed page should be opened where place leading in Appbar to go to previous page. • You can design your own detailed page with the information available in this card. • Image, description, react counts, comment and share counts should be different for each card in listview. • To make different colored text in single line you can use RichText() widget.

if (self.CavalryLogger) { CavalryLogger.start_js(["4vwUV"]); } __d("NotificationComponentsBootloader",["Promise","JSResource"],(function a(b,c,d,e,f,g){"use strict";var h=[c("JSResource")("NotificationList.react").__setRef("NotificationComponentsBootloader"),c("JSResource")("NotificationJewelList.react").__setRef("NotificationComponentsBootloader"),c("JSResource")("NotificationAsyncWrapper").__setRef("NotificationComponentsBootloader"),c("JSResource")("NotificationSeenState").__setRef("NotificationComponentsBootloader"),c("JSResource")("NotificationStore").__setRef("NotificationComponentsBootloader"),c("JSResource")("NotificationUpdates").__setRef("NotificationComponentsBootloader"),c("JSResource")("NotificationJewelController").__setRef("NotificationComponentsBootloader")];function i(){return new(c("Promise"))(function(j){c("JSResource").loadAll(h,function(k,l,m){j([k,l,m])})})}f.exports={load:i}}),null); __d("NotificationJewelPerformanceTypedLogger",["Banzai","GeneratedLoggerUtils","nullthrows"],(function a(b,c,d,e,f,g){"use strict";__p&&__p();function h(){this.clear()}h.prototype.log=function(){c("GeneratedLoggerUtils").log("logger:NotificationJewelPerformanceLoggerConfig",this.$NotificationJewelPerformanceTypedLogger1,c("Banzai").BASIC)};h.prototype.logVital=function(){c("GeneratedLoggerUtils").log("logger:NotificationJewelPerformanceLoggerConfig",this.$NotificationJewelPerformanceTypedLogger1,c("Banzai").VITAL)};h.prototype.clear=function(){this.$NotificationJewelPerformanceTypedLogger1={};return this};h.prototype.updateData=function(j){this.$NotificationJewelPerformanceTypedLogger1=babelHelpers["extends"]({},this.$NotificationJewelPerformanceTypedLogger1,j);return this};h.prototype.setBadgeCurrentCount=function(j){this.$NotificationJewelPerformanceTypedLogger1.badge_current_count=j;return this};h.prototype.setBadgeInitialCount=function(j){this.$NotificationJewelPerformanceTypedLogger1.badge_initial_count=j;return this};h.prototype.setClientSessionID=function(j){this.$NotificationJewelPerformanceTypedLogger1.client_session_id=j;return this};h.prototype.setClientTimestamp=function(j){this.$NotificationJewelPerformanceTypedLogger1.client_timestamp=j;return this};h.prototype.setEagerLoadTriggerAndDelay=function(j){this.$NotificationJewelPerformanceTypedLogger1.eager_load_trigger_and_delay=j;return this};h.prototype.setEventName=function(j){this.$NotificationJewelPerformanceTypedLogger1.event_name=j;return this};h.prototype.setJewelName=function(j){this.$NotificationJewelPerformanceTypedLogger1.jewel_name=j;return this};h.prototype.setVC=function(j){this.$NotificationJewelPerformanceTypedLogger1.vc=j;return this};var i={badge_current_count:true,badge_initial_count:true,client_session_id:true,client_timestamp:true,eager_load_trigger_and_delay:true,event_name:true,jewel_name:true,vc:true};f.exports=h}),18); __d("JewelLogger",["NotificationJewelPerformanceTypedLogger","guid"],(function a(b,c,d,e,f,g){"use strict";__p&&__p();var h,i;h=babelHelpers.inherits(j,c("NotificationJewelPerformanceTypedLogger"));i=h&&h.prototype;function j(n){i.constructor.call(this);if(!j.$JewelTypedLoggerWithSession2[n])j.$JewelTypedLoggerWithSession2[n]={};this.$JewelTypedLoggerWithSession3=n}j.prototype.setEventName=function(n){this.$JewelTypedLoggerWithSession4=n;return i.setEventName.call(this,n)};j.prototype.log=function(){if(!j.$JewelTypedLoggerWithSession2[this.$JewelTypedLoggerWithSession3][this.$JewelTypedLoggerWithSession4]){j.$JewelTypedLoggerWithSession2[this.$JewelTypedLoggerWithSession3][this.$JewelTypedLoggerWithSession4]=true;this.setClientSessionID(j.$JewelTypedLoggerWithSession1);this.setJewelName(this.$JewelTypedLoggerWithSession3);i.log.call(this)}};j.$JewelTypedLoggerWithSession1=c("guid")();j.$JewelTypedLoggerWithSession2={};function k(n){new j(n.jewelName).setEventName(n.eventName).setClientTimestamp(n.timestamp).log()}function l(n){var o=n.trigger,p=n.eagerLoadDelayInMs,q=babelHelpers.objectWithoutProperties(n,["trigger","eagerLoadDelayInMs"]),r=o+":"+p;new j(n.jewelName).setEventName(q.eventName).setClientTimestamp(q.timestamp).setEagerLoadTriggerAndDelay(r).log()}var m={logDataEagerLoad:function n(o){if(o.eventName==="data_eager_load_trigger")l(o);else k(o)},logJsBootload:function n(o){if(o.eventName==="js_bootload_trigger")l(o);else k(o)},logFirstJewelClick:function n(o){new j(o.jewelName).setEventName("first_jewel_click").setClientTimestamp(o.timestamp).setBadgeInitialCount(o.badgeInitialCount).setBadgeCurrentCount(o.badgeCurrentCount).log()},logJewelListComponentEvent:k};f.exports=m}),18); __d("NotificationsDefaultEndpointURI",[],(function a(b,c,d,e,f,g){"use strict";f.exports="/ajax/notifications/client/get.php"}),18); __d("arrayStableSort",[],(function a(b,c,d,e,f,g){function h(i,j){return i.map(function(k,l){return{data:k,index:l}}).sort(function(k,l){return j(k.data,l.data)||k.index-l.index}).map(function(k){return k.data})}f.exports=h}),null); __d("RangedCallbackManager",["CallbackManagerController","arrayStableSort","createObjectFrom"],(function a(b,c,d,e,f,g){__p&&__p();function h(i,j,k){"use strict";this.$RangedCallbackManager1=[];this.$RangedCallbackManager2=false;this.$RangedCallbackManager3=false;this.$RangedCallbackManager4={};this.$RangedCallbackManager5=new(c("CallbackManagerController"))(this.$RangedCallbackManager6.bind(this));this.$RangedCallbackManager7=i;this.$RangedCallbackManager8=j;this.$RangedCallbackManager9=k}h.prototype.executeOrEnqueue=function(i,j,k,l,m){"use strict";return this.$RangedCallbackManager5.executeOrEnqueue({start:i,limit:j},k,{strict:!!l,skipOnStrictHandler:m})};h.prototype.unsubscribe=function(i){"use strict";this.$RangedCallbackManager5.unsubscribe(i)};h.prototype.getUnavailableResources=function(i){"use strict";var j=this.$RangedCallbackManager5.getRequest(i),k=[];if(j&&!this.$RangedCallbackManager2){var l=j.request,m=this.$RangedCallbackManager10(j.options),n=l.start+l.limit;for(var o=m.length;o<n;o++)k.push(o)}return k};h.prototype.addResources=function(i){"use strict";i.forEach(function(j){if(!this.$RangedCallbackManager4[j]){this.$RangedCallbackManager4[j]=true;this.$RangedCallbackManager1.push(j);this.$RangedCallbackManager3=null}}.bind(this));this.resortResources();this.$RangedCallbackManager5.runPossibleCallbacks()};h.prototype.addResourcesWithoutSorting=function(i,j){"use strict";var k=this.$RangedCallbackManager1.slice(0,j);k=k.concat(i);k=k.concat(this.$RangedCallbackManager1.slice(j));this.$RangedCallbackManager1=k;Object.assign(this.$RangedCallbackManager4,c("createObjectFrom")(i,true));this.$RangedCallbackManager3=null;this.$RangedCallbackManager5.runPossibleCallbacks()};h.prototype.removeResources=function(i){"use strict";i.forEach(function(j){if(this.$RangedCallbackManager4[j]){this.$RangedCallbackManager4[j]=false;var k=this.$RangedCallbackManager1.indexOf(j);if(k!=-1)this.$RangedCallbackManager1.splice(k,1)}}.bind(this))};h.prototype.removeAllResources=function(){"use strict";this.$RangedCallbackManager1=[];this.$RangedCallbackManager4={}};h.prototype.resortResources=function(){"use strict";this.$RangedCallbackManager1=c("arrayStableSort")(this.$RangedCallbackManager1,function(i,j){return this.$RangedCallbackManager8(this.$RangedCallbackManager7(i),this.$RangedCallbackManager7(j))}.bind(this))};h.prototype.setReachedEndOfArray=function(){"use strict";if(!this.$RangedCallbackManager2){this.$RangedCallbackManager2=true;this.$RangedCallbackManager3=null;this.$RangedCallbackManager5.runPossibleCallbacks()}};h.prototype.hasReachedEndOfArray=function(){"use strict";return this.$RangedCallbackManager2};h.prototype.forceRunCallbacks=function(){"use strict";this.$RangedCallbackManager5.runPossibleCallbacks({force:true})};h.prototype.setError=function(i){"use strict";if(this.$RangedCallbackManager3!==i){this.$RangedCallbackManager3=i;this.$RangedCallbackManager5.runPossibleCallbacks()}};h.prototype.getError=function(i,j,k){"use strict";var l=this.$RangedCallbackManager10({strict:k});return i+j>l.length?this.$RangedCallbackManager3:null};h.prototype.hasResource=function(i){"use strict";return this.$RangedCallbackManager4[i]};h.prototype.getResourceAtIndex=function(i){"use strict";return this.$RangedCallbackManager1[i]};h.prototype.getAllResources=function(){"use strict";return this.$RangedCallbackManager1.concat()};h.prototype.getCurrentArraySize=function(i){"use strict";return this.$RangedCallbackManager10(i).length};h.prototype.$RangedCallbackManager10=function(i){"use strict";var j=this.$RangedCallbackManager1;if(i&&i.strict){var k=i.skipOnStrictHandler||this.$RangedCallbackManager9;if(k)j=j.filter(k)}return j};h.prototype.$RangedCallbackManager6=function(i,j){"use strict";var k=this.$RangedCallbackManager10(j),l=i.start,m=i.start+i.limit,n=!!(j&&j.force);if(!n&&!this.$RangedCallbackManager2&&!this.$RangedCallbackManager3&&m>k.length)return false;else{var o=k.slice(l,m),p=m>k.length?this.$RangedCallbackManager3:null;return[o,p]}};h.prototype.getElementsUntil=function(i){"use strict";var j=[];for(var k=0;k<this.$RangedCallbackManager1.length;k++){var l=this.$RangedCallbackManager7(this.$RangedCallbackManager1[k]);if(this.$RangedCallbackManager8(l,i)>0)break;j.push(this.$RangedCallbackManager1[k])}return j};f.exports=h}),18); __d("XWebClientAdsUnifiedNavNotificationsListController",["XController"],(function a(b,c,d,e,f,g){f.exports=c("XController").create("/notifications/client/ads_unified_nav/",{})}),null); __d("flatMapArray",[],(function a(b,c,d,e,f,g){__p&&__p();var h=Array.prototype.push;function i(j,k){var l=[];for(var m=0;m<j.length;m++){var n=k.call(j,j[m],m);if(Array.isArray(n))h.apply(l,n);else if(n!=null)throw new TypeError('flatMapArray: Callback must return an array or null, received "'+n.toString()+'" instead')}return l}f.exports=i}),null); __d("objectValues",[],(function a(b,c,d,e,f,g){function h(i){return Object.values(i)}f.exports=h}),null); __d("react-relay/classic/query/stableStringify",[],(function a(b,c,d,e,f,g){"use strict";__p&&__p();function h(j){return j!==null&&Object.prototype.toString.call(j)==="[object Object]"}function i(j){__p&&__p();var k=Array.isArray(j),l=h(j);if(k||l){var m=Object.keys(j);if(m.length){var n=[];m.sort();for(var o=0;o<m.length;o++){var p=m[o],q=j[p];if(h(q)||Array.isArray(q))q=i(q);else q=JSON.stringify(q);n.push(p+":"+q)}if(k)return"["+n.join(",")+"]";else return"{"+n.join(",")+"}"}}return JSON.stringify(j)}f.exports=i}),null); __d("NotificationEndpointState",["BusinessUserConf","KeyedCallbackManager","NotificationsDefaultEndpointURI","RangedCallbackManager","XWebClientAdsUnifiedNavNotificationsListController","flatMapArray","gkx","objectValues","react-relay/classic/query/stableStringify"],(function a(b,c,d,e,f,g){__p&&__p();var h,i=(h={},h[c("NotificationsDefaultEndpointURI")]="WebNotificationsPayloadPagelet",h);if(c("gkx")("AT4VyfQf3AxNUabC3SATM7_xd3xkC31NlKa_FXDE7lw97X0965wlsUibcquLjraBX7mXtYDQGZnGD-wbNL5JRq1O"))i[c("XWebClientAdsUnifiedNavNotificationsListController").getURIBuilder().getURI().toString()]="AdsUnifiedNavNotificationsPayloadPagelet";j.getInstance=function(k){"use strict";var l=k.classification!=null?k.classification:"_",m=k.filter!=null?k.filter:"_",n="(f)"+m+"(c)"+l,o=j.$NotificationEndpointState1[k.endpointURI];if(o==null)j.$NotificationEndpointState1[k.endpointURI]=o={};if(o[n]==null)o[n]=new j(k);return o[n]};j.getAllInstances=function(k){"use strict";__p&&__p();var l=void 0;if(k!=null)l=[k];else l=Object.keys(j.$NotificationEndpointState1);return c("flatMapArray")(l,function(k){var m=j.$NotificationEndpointState1[k];if(m==null)return[];else return c("objectValues")(m)})};function j(k){__p&&__p();var l=k.businessUserID,m=k.classification,n=k.endpointURI,o=k.filter;"use strict";this.notifications=new(c("KeyedCallbackManager"))();this.businessUserID=l!=null?l:c("BusinessUserConf").businessUserID;this.classification=m;this.endpointURI=n;this.filter=o;var p=function p(q){var r=this.notifications.getResource(q);return r.creation_time};this.order=new(c("RangedCallbackManager"))(p.bind(this),function(q,r){return r-q});this.graphQLPageInfo=null}j.prototype.getConfig=function(){"use strict";return{businessUserID:this.businessUserID,classification:this.classification,endpointURI:this.endpointURI,filter:this.filter}};j.prototype.getHash=function(){"use strict";return c("react-relay/classic/query/stableStringify")(this.getConfig())};j.prototype.getRequestParams=function(k){"use strict";var l=Math.max(0,k-this.order.getAllResources().length);return{businessUserID:this.businessUserID,classification:this.classification!=null?this.classification.toLowerCase():undefined,cursor:this.graphQLPageInfo&&this.graphQLPageInfo.end_cursor,filter:this.filter,length:l}};j.prototype.getStreamingTransportPageletName=function(){"use strict";return i[this.endpointURI]};j.$NotificationEndpointState1={};f.exports=j}),18); __d("performanceNowNoFallback",["performance"],(function a(b,c,d,e,f,g){f.exports=c("performance").now?function(){return c("performance").now()}:null}),null); __d("NotificationEagerLoader",["invariant","Promise","Arbiter","AsyncRequest","BigPipe","JewelLogger","JSResource","NotificationComponentsBootloader","NotificationDataPreloaderConfig","NotificationEndpointState","NotificationListConfig","NotificationsDefaultEndpointURI","Run","performanceAbsoluteNow","performanceNowNoFallback"],(function a(b,c,d,e,f,g,h){"use strict";__p&&__p();var i=c("JewelLogger").logDataEagerLoad,j=c("JewelLogger").logJsBootload,k=c("NotificationDataPreloaderConfig").dataPreloader,l=c("NotificationListConfig").dataEagerFetchTrigger,m=c("NotificationListConfig").eagerLoadDelayInMs,n=c("NotificationListConfig").jsBootloadTrigger,o=c("NotificationListConfig").numNotificationsPerPage,p=function(){var C=void 0,D=void 0,E=l!=="none"?o:0;return{hasData:E>0,targetNumToLoad:E,endpointState:q(),payloadPromise:new(c("Promise"))(function(F,G){C=F;D=G}),setDependentPromise:function F(G){C||h(0);D||h(0);G.then(C)["catch"](D)}}}();function q(){var C={endpointURI:c("NotificationsDefaultEndpointURI")};return c("NotificationEndpointState").getInstance(C)}function r(C){return c("JSResource")("normalizeNotificationUpdatePayload").__setRef("NotificationEagerLoader").load().then(function(D){return C.then(function(E){return D(E)})})}var s=function(C){return function(){var D=0,E=C.bind(this,D);m===0?E():setTimeout(E,m)}.bind(this)}.bind(this),t=function(C){return function(D,E){var F=E.ts,G=c("performanceAbsoluteNow")()-F,H=m-G,I=C.bind(this,G);H<=0?I():setTimeout(I,H)}.bind(this)}.bind(this),u=function u(C,D){c("Arbiter").subscribeOnce(c("BigPipe").Events.init,function(E,F){var G=F.arbiter;if(G)G.subscribeOnce(D,t(C))})},v={browser_dom_content_loaded:function C(D){return document.addEventListener("DOMContentLoaded",s(D))},browser_window_load:function C(D){c("Run").onAfterLoad(s(D))},bigpipe_init:function C(D){return c("Arbiter").subscribeOnce(c("BigPipe").Events.init,t(D))},bigpipe_display_done:function C(D){return u(D,c("BigPipe").Events.displayed)},bigpipe_tti:function C(D){return u(D,c("BigPipe").Events.tti)}};function w(C){if(!c("performanceNowNoFallback"))c("NotificationComponentsBootloader").load().done();else{j({jewelName:"notifications",eventName:"js_bootload_trigger",trigger:n,timestamp:c("performanceNowNoFallback")()-C,eagerLoadDelayInMs:m});j({jewelName:"notifications",eventName:"js_bootload_start",timestamp:c("performanceNowNoFallback")()});c("NotificationComponentsBootloader").load().done(function(){j({jewelName:"notifications",eventName:"js_bootload_end",timestamp:c("performanceNowNoFallback")()})})}}function x(C){if(c("performanceNowNoFallback")){i({jewelName:"notifications",eventName:"data_eager_load_trigger",trigger:l,timestamp:c("performanceNowNoFallback")()-C,eagerLoadDelayInMs:m});i({jewelName:"notifications",eventName:"data_eager_load_start",timestamp:c("performanceNowNoFallback")()})}}function y(C){x(C);var D=p.targetNumToLoad,E=p.endpointState,F=E.getRequestParams(D),G=new(c("AsyncRequest"))(E.endpointURI).setAllowCrossPageTransition(true).setData(F),H=G.exec().then(function(I){if(c("performanceNowNoFallback"))i({jewelName:"notifications",eventName:"data_eager_load_end",timestamp:c("performanceNowNoFallback")()});return I.getPayload()});p.hasData||h(0);p.setDependentPromise(r(H))}function z(C,D){var E=v[C];E(D)}function A(){__p&&__p();B();x(0);k||h(0);var C=new(c("Promise"))(function(D,E){k.onLoaded(function(F){return D(F)});k.onError(E)});if(c("performanceNowNoFallback"))C.done(function(D){i({jewelName:"notifications",eventName:"data_eager_load_end",timestamp:c("performanceNowNoFallback")()})});p.hasData||h(0);p.setDependentPromise(r(C))}function B(){var C=l,D=k,E=C==="none"&&D===null,F=C==="page_load"&&D!=null,G=C!=="page_load"&&C!=="none"&&D===null;E||F||G||h(0)}if(n!=="none")z(n,w);if(l==="page_load")A();else if(l!=="none")z(l,y);f.exports={eagerlyLoadedData:{hasData:p.hasData,targetNumToLoad:p.targetNumToLoad,endpointState:p.endpointState,payloadPromise:p.payloadPromise}}}),18); __d("BlueBarFixedBehaviorController",["Arbiter","Bootloader"],(function a(b,c,d,e,f,g){__p&&__p();f.exports={init:function h(i){__p&&__p();if(!("getBoundingClientRect"in i))return;var j=void 0,k=document.documentElement;function l(){var m=i.getBoundingClientRect(),n=m.top,o=k?k.clientTop:0,p=Math.round(n)-o<0;if(j!==p){j=p;c("Arbiter").inform("bluebarFixedBehaviorController/isfixed",j,c("Arbiter").BEHAVIOR_STATE)}}l();c("Bootloader").loadModules(["Event"],function(m){m.listen(window,"scroll",l)},"BlueBarFixedBehaviorController");c("Arbiter").subscribe("quickling/response",l)}}}),null); __d("MessengerGroupCreateDialog.react",["BootloadOnRender.react","JSResource","LazyComponent.react","React"],(function a(b,c,d,e,f,g){"use strict";var h,i;h=babelHelpers.inherits(j,c("React").Component);i=h&&h.prototype;j.prototype.render=function(){return c("React").createElement(c("BootloadOnRender.react"),{component:c("React").createElement(c("LazyComponent.react"),{entryPoint:this.props.entryPoint,isShown:this.props.isShown,onClose:this.props.onClose}),loader:c("JSResource")("MessengerGroupCreateDialogImpl.react").__setRef("MessengerGroupCreateDialog.react"),placeholder:c("React").createElement("div",null)})};function j(){h.apply(this,arguments)}f.exports=j}),null); __d("MessengerGroupCreationEntryPoint",[],(function a(b,c,d,e,f,g){f.exports=Object.freeze({CHAT_TAB:"chat_tab_add_people",JEWEL:"jewel_new_message",CHAT_SIDEBAR:"chat_sidebar_new_message",GCF_JEWEL:"jewel_new_group",GCF_CHAT_SIDEBAR:"chat_sidebar_new_group",GCF_SHARE_FLOW:"chat_share_message_to_messenger"})}),null); __d("MessengerGCFJewelNewGroupButton.react",["cx","fbt","Link.react","MessengerGroupCreateDialog.react","MessengerGroupCreationEntryPoint","MessengerURIConstants","React","URI"],(function a(b,c,d,e,f,g,h,i){"use strict";__p&&__p();var j,k,l=c("MessengerGroupCreationEntryPoint").GCF_JEWEL;j=babelHelpers.inherits(m,c("React").Component);k=j&&j.prototype;function m(){var n,o;for(var p=arguments.length,q=Array(p),r=0;r<p;r++)q[r]=arguments[r];return o=(n=k.constructor).call.apply(n,[this].concat(q)),this.state={showDialog:false},this.$MessengerGCFJewelNewGroupButton3=function(event){event.preventDefault();this.setState({showDialog:true})}.bind(this),this.$MessengerGCFJewelNewGroupButton2=function(){this.setState({showDialog:false})}.bind(this),o}m.prototype.$MessengerGCFJewelNewGroupButton1=function(){if(!this.state.showDialog)return null;return c("React").createElement(c("MessengerGroupCreateDialog.react"),{entryPoint:l,isShown:this.state.showDialog,onClose:this.$MessengerGCFJewelNewGroupButton2})};m.prototype.render=function(){var n=new(c("URI"))(c("MessengerURIConstants").FACEBOOK_PREFIX+c("MessengerURIConstants").COMPOSE_SUBPATH);return c("React").createElement("div",null,this.$MessengerGCFJewelNewGroupButton1(),c("React").createElement(c("Link.react"),{className:"_el8",href:n,onClick:this.$MessengerGCFJewelNewGroupButton3},i._("New group")))};f.exports=m}),null); __d("promiseFinally",["Promise"],(function a(b,c,d,e,f,g){function h(i,j){return i.then(function(k){return c("Promise").resolve(j()).then(function(){return k})},function(k){return c("Promise").resolve(j()).then(function(){throw k})})}f.exports=h}),null); __d("createObjectBy",[],(function a(b,c,d,e,f,g){"use strict";function h(i,j){var k={};for(var l=0;l<i.length;l++){var m=i[l],n=j(m,l,i);k[n]=m}return k}f.exports=h}),null); __d("WorkInviteSource",[],(function a(b,c,d,e,f,g){f.exports=Object.freeze({RHC_MODULE:"rhc_module",FEED_END_STATE:"feed_end_state",NEWSFEED_NUX:"newsfeed_nux",BULK_UPLOAD:"bulk_upload",GROUP_BULK_UPLOAD:"group_bulk_upload",GROUP_BULK_UPLOAD_FROM_SETTINGS:"group_bulk_upload_from_settings",GROUP_BULK_UPLOAD_FROM_RHC:"group_bulk_upload_from_rhc",GROUP_BULK_UPLOAD_FROM_MEMBERS:"group_bulk_upload_from_members",GROUP_INVITE_DIALOG:"group_invite_dialog",GROUP_INVITE_TYPEAHEAD:"group_invite_typeahead",GROUP_RHC_LINK:"group_rhc_link",GROUP_WORK_GOAL:"group_work_goal",SEARCH_RESULT:"search_result",SEARCH_RHC:"search_rhc",SEARCH_TYPEAHEAD:"search_typeahead",INSTANCE_INVITE_LINK:"instance_invite_link",SIGN_UP:"sign_up",SIGN_UP_CHAT_FIRST:"sign_up_chat_first",SIGN_UP_NON_GENESIS:"sign_up_non_genesis",SIGN_UP_M_SITE:"sign_up_m_site",SETUP_TEAM_SIGNUP_STEP:"setup_team_signup_step",SETUP_TEAM_SIGNUP_STEP_CHAT_FIRST:"setup_team_signup_step_chat_first",FORWARD_INVITE_EMAIL:"forward_invite_email",WORK_GOALS:"work_goals",ACCESS_REQUESTED:"access_requested",ADMIN_ADD_PEOPLE_LINK:"admin_app_people_link",AZURE:"azure",AZURE_BULK:"azure_bulk",GSUITE:"gsuite",GSUITE_BULK:"gsuite_bulk",SELF_INVITE:"self_invite",SELF_INVITE_VIA_INVITE_LINK:"self_invite_via_invite_link",SELF_INVITE_VIA_SSO:"self_invite_via_sso",WORKPLACE_FB_COM:"workplace_fb_com",MCG_EXTERNAL_INVITE:"mcg_external_invite",M2_ADS_TO_NGO:"m2_ads_to_ngo",M2_AYMT_TO_NGO:"m2_aymt_to_ngo",MOBILE_APP_CLAIM:"mobile_app_claim",COMPANY_SUBDOMAIN_LOGIN_PAGE:"company_subdomain_login_page",WORK_FACEBOOK_COM:"work_facebook_com",AYMT:"aymt",TESTS:"tests",E2E_TESTS:"e2e_tests",WWW_BOOKMARK:"www_bookmark",MSITE_BOOKMARK:"msite_bookmark",WWW_BLUEBAR:"www_bluebar",WWW_BLUEBAR_LINK:"www_bluebar_link",WWW_CHAT_SIDEBAR:"www_chat_sidebar",WWW_SIDEBAR_PENDING_SECTION:"www_sidebar_pending_section",WWW_CHAT_THREAD_LIST:"www_chat_thread_list",WWW_FEED_QP:"www_feed_qp",ANDROID_APP:"android_app",ANDROID_INVITE_OPTION_PICKER:"android_invite_option_picker",ANDROID_TYPED_EMAIL:"android_typed_email",ANDROID_GROUP_TYPED_EMAIL:"android_group_typed_email",ANDROID_CONTACT_EMAIL:"android_contact_email",ANDROID_ALL_CONTACT_EMAILS:"android_all_contact_emails",IOS_APP:"ios_app",IOS_GROUP_TYPED_EMAIL:"ios_group_typed_email",IOS_INSTANCE_TYPED_EMAIL:"ios_instance_typed_email",IOS_CONTACT_EMAIL:"ios_contact_email",IOS_ALL_CONTACT_EMAILS:"ios_all_contact_emails",SIGNUP4_E2E_STANDARD_GENESIS:"signup4_e2e_test_standard_genesis",SIGNUP4_E2E_PREMIUM_GENESIS:"signup4_e2e_test_premium_genesis",WORK_MANAGED_CLAIM_TEST:"work_managed_claim_test",UNKNOWN:"unknown"})}),null); __d("replaceNativeTimer",["cancelAnimationFrame","clearInterval","clearTimeout","requestAnimationFrame","setInterval","setTimeout"],(function a(b,c,d,e,f,g){__p&&__p();c("setTimeout").nativeBackup=b.setTimeout;c("clearTimeout").nativeBackup=b.clearTimeout;c("setInterval").nativeBackup=b.setInterval;c("clearInterval").nativeBackup=b.clearInterval;c("requestAnimationFrame").nativeBackup=b.requestAnimationFrame;c("cancelAnimationFrame").nativeBackup=b.cancelAnimationFrame;b.setTimeout=c("setTimeout");b.clearTimeout=c("clearTimeout");b.setInterval=c("setInterval");b.clearInterval=c("clearInterval");b.requestAnimationFrame=c("requestAnimationFrame");b.cancelAnimationFrame=c("cancelAnimationFrame")}),18); __d("XWorkInviteCoworkersDialogController",["XController"],(function a(b,c,d,e,f,g){f.exports=c("XController").create("/work/invite_coworkers/dialog/",{source:{type:"Enum",required:true,enumType:1},source_product:{type:"Enum",enumType:1},__asyncDialog:{type:"Int"}})}),null);

Node-React-Ts Feed Scroll

React News Feed (Infinite scroll)

No description available

React implementation of Infinite Scroll Feed

Scrollable categorized news feed app built with React + SpecKi

Infinite scrolling Hacker News feed in React

Feeds with Infinite scroll for React in ES6 https://soralee.github.io/react-feeds/

React native application with endless scroll NY times news feed

Infinite scroll photo feed from unsplash in masonry format using react

A feed of statuses with infinite scroll built using React.Js