https://bigfrontend.dev/_next/static/chunks/pages/react-5685fda93901f68d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1389],{75977:function(e,t,n){"use strict";n.d(t,{V:function(){return y},a:function(){return g}});var r=n(56632),i=n(77166),o=n(93451),l=n(41664),c=n.n(l),a=n(67294),u=n(7696),s=n(68683),f=n(40873),d=n(74536),p=a.createElement,m=(p=a.createElement,{difficulty:["Difficulty","\u96e3\u6613\u5ea6","\u96be\u5ea6"]});function g(e){var t=e.genLink,n=(0,f.SZ)(),l=(0,a.useCallback)((function(){new o.E({action_type:"question-filter.open",target_type:"difficulty"}).dispatch(s.api)}),[]);return p(r.x,{hideOnClickPopover:!0,onOpen:l,popover:p(i.v,null,p("li",null,p(c(),{href:t({difficulty:"easy"})},p("a",null,n("easy")))," "),p("li",null,p(c(),{href:t({difficulty:"medium"})},p("a",null,n("medium")))," "),p("li",null,p(c(),{href:t({difficulty:"hard"})},p("a",null,n("hard")))," "),p("li",null,p(c(),{href:t({difficulty:"fewchallengers"})},p("a",null,n("fewchallengers")))," ")),position:"bottom-right"},p(h,null))}function h(e){var t=e.onClick,n=(0,r.v)().show,i=(0,f.NT)(m);return p(d.W,{onClick:t},i("difficulty"),p("span",{inert:"true",style:{lineHeight:0}},p(!0===n?u.gcy:u.ZXJ,{size:20})))}function y(){var e=(0,f.NT)(m),t=(0,f.SZ)();return function(n){return"".concat(e("difficulty"),": ").concat(t(n))}}},34489:function(e,t,n){"use strict";n.d(t,{B:function(){return l}});var r=n(67294),i=n(19521),o=r.createElement,l=(o=r.createElement,function(e){var t=e.item,n=e.sort;return"mostTried"===n&&t.tried>0?o(c,null,t.tried," tried"):"mostAccepted"===n&&t.accepted>0?o(c,null,t.accepted," accepted"):"easiest"===n&&t.tried>0&&t.accepted>0?o(c,null,Math.round(t.accepted/t.tried*100),"% accepted"):"mostLiked"===n&&t.likes>0?o(c,null,t.likes," likes"):null}),c=i.ZP.span.withConfig({displayName:"StatsInItem__Num",componentId:"sc-1eyl7wl-0"})(["font-size:var(--font-size-caption);font-weight:normal;color:var(--color-text-sub);"])},80536:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSP:function(){return G}});var r=n(59499),i=n(27812),o=n(67294),l=n(9095),c=n(66433),a=n(12351),u=n(28079),s=n(23572),f=n(75977),d=n(29180),p=n(81987),m=n(40782),g=n(9008),h=n.n(g),y=n(41664),v=n.n(y),k=n(11163),w=n(8704),b=n(37094),_=n(19521),Z=n(87559),O=n(56198),j=n(84836),x=n(69618),A=n(59110),E=n(46920),C=n(67488),N=n(34489),P=n(56542),L=n(54375),S=n(44114),T=n(40873),z=n(92231),R=n(97402),I=n(97208),D=o.createElement;D=o.createElement;function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function X(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V={title:["React Coding Questions","React\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u554f\u984c","React\u4ee3\u7801\u9898"]},B=function(e,t){return"ja"===e?"React\u306b\u3064\u3044\u3066\u306e\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u554f\u984c".concat(t.length>0?": "+t.join("\u3001"):""):"zh"===e?"React\u524d\u7aef\u4ee3\u7801\u9898\u76ee".concat(t.length>0?": "+t.join("\u3001"):""):"React coding problems ".concat(t.length>0?"for "+t.join(","):"")},F=["mostTried","mostAccepted","newest","oldest","mostLiked"],H=_.ZP.div.withConfig({displayName:"react__Left",componentId:"sc-6w1v73-0"})(["max-width:70rem;padding-right:2rem;flex-grow:1;"]),q=_.ZP.div.withConfig({displayName:"react__Right",componentId:"sc-6w1v73-1"})(["padding:15rem 3rem 3rem;top:0;@media (max-width:900px){padding:2rem;}flex-shrink:0;"]),G=!0;t.default=function(e){var t=e.tags,n=e.items,g=(0,k.useRouter)().query,y=[];"string"===typeof t&&y.push.apply(y,(0,i.Z)(t.split(","))),Array.isArray(t)&&y.push.apply(y,(0,i.Z)(t));var _=(0,Z.n)(F),M=(0,o.useMemo)((function(){var e=g.companies;if("string"!==typeof e)return new Set;var t=e.split(",").map((function(e){return parseInt(e,10)})).filter((function(e){return!Object.is(e,NaN)}));return new Set(t)}),[g.companies]),G="easy"===g.difficulty||"medium"===g.difficulty||"hard"===g.difficulty||"fewchallengers"===g.difficulty?g.difficulty:void 0,J="solved"===g.solved||"unsolved"===g.solved?g.solved:void 0,K=n.filter((function(e){return!(M.size>0)||null!=e.companies&&e.companies.some((function(e){return M.has(e.id)}

1))})).filter((function(e){return"solved"===J?e.solved:"unsolved"!==J||!e.solved})).filter((function(e){return void 0==G||e.difficulty===G})).filter((function(e){return!(y.length>0&&void 0!==e.tags)||y.every((function(t){var n;return null===(n=e.tags)||void 0===n?void 0:n.includes(t)}))}));_&&(0,S.A)(K,_);var Q=(0,O.k)(),U=(0,z.T)(),W=(0,o.useCallback)((function(e){var t,n=X({solved:J,tags:y,sort:_,difficulty:G},e),r=(0,i.Z)(null!==(t=e.companies)&&void 0!==t?t:M);return n.companies=r,U("/react?"+Q(n))}),[J,y,_,G,M,U,Q]),Y=(0,o.useCallback)((function(e){return W((0,r.Z)({},e,void 0))}),[W]),$=(0,o.useCallback)((function(e){var t={tags:[].concat(y,[e])};return W(t)}),[W,y]),ee=(0,o.useCallback)((function(e){var t=y.filter((function(t){return t!==e}));return W({tags:t})}),[W,y]),te=(0,o.useCallback)((function(e){var t=new Set(M);t.delete(e.id);var n={companies:(0,i.Z)(t)};return W(n)}),[W,M]),ne=(0,T.SZ)(),re=(0,o.useContext)(L._),ie=B(re,y)+" | "+ne("slogan"),oe=(0,T.NT)(V),le=(0,R.S)(n,"react"),ce=(0,I.F)(),ae=(0,p.s)(),ue=(0,f.V)(),se=(0,d.Z)(),fe=(0,o.useMemo)((function(){var e=new Map;return n.forEach((function(t){var n;(null!==(n=t.companies)&&void 0!==n?n:[]).forEach((function(t){var n=e.get(t.id);null!=n?n.count+=1:e.set(t.id,X(X({},t),{},{count:1}))}))})),Array.from(e.values()).sort((function(e,t){return t.count-e.count}))}),[n]),de=(0,o.useMemo)((function(){return fe.filter((function(e){return M.has(e.id)}))}),[fe,M]);return D(j.T3,null,D(h(),null,D("title",null,ie),D("meta",{name:"twitter:card",content:"summary_large_image"}),D("meta",{name:"twitter:site",content:"@BFEdev"}),D("meta",{name:"twitter:creator",content:"@BFEdev"}),D("meta",{property:"og:url",content:"https://bigfrontend.dev/react",key:"og:url"}),D("meta",{property:"og:title",content:ie,key:"og:title"}),D("meta",{property:"keywords",content:ne("keywords"),key:"keywords"}),D("meta",{property:"description",content:B(re,y)+" | "+ne("description"),key:"description"}),D("meta",{property:"og:description",content:B(re,y)+" | "+ne("description"),key:"og:description"}),D("meta",{property:"og:image",content:"https://bigfrontend.dev/static/img/ogp_react.png",key:"og:image"}),D("link",{rel:"alternate",hrefLang:"ja",href:"https://bigfrontend.dev/ja/react",key:"hreflang:ja"}),D("link",{rel:"alternate",hrefLang:"zh",href:"https://bigfrontend.dev/zh/react",key:"hreflang:zh"}),D("link",{rel:"alternate",hrefLang:"en",href:"https://bigfrontend.dev/react",key:"hreflang:en"})),D(j.h4,null),D(j.uT,null,D(H,null,"mobile"===ce&&D(j.Zh,{top:"2rem",right:"2.5rem",left:"2.5rem"},D(x.o,null)),D(C.V,{style:{marginTop:"2rem"}},oe("title")),D(u.H,null,ne("reactDesc")),D(E.uk,null,D(j.X2,{mainAxisAlignment:"flex-start",crossAxisAlignment:"center",gap:10},D(p.U,{genLink:W,supportedSortMethods:F}),D(f.a,{genLink:W}),D(d.k,{genLink:W}),fe.length>0&&D(s.L,{genLink:W,companies:fe,selectedCompanyIds:M}),D(m.P,{shuffle:le})),D(j.Zh,{top:"2rem",right:"1rem"},D(j.X2,{mainAxisAlignment:"flex-start",gap:10,crossAxisAlignment:"center"},void 0!=_&&D(a.Z,{href:Y("sort")},ae(_)),void 0!=G&&D(a.Z,{href:Y("difficulty")},ue(G)),void 0!=J&&D(a.Z,{href:Y("solved")},se(J)),de.map((function(e){return D(a.Z,{href:te(e),key:e.id},D(l.t,{size:12,url:e.logo})," ",e.name)})),y.map((function(e){return D(a.Z,{href:ee(e),key:e},"tag: ",e)}))))),D(E.xL,null,K.map((function(e){var t=e.difficulty;return D("li",{key:e.id},D(E.ZL,null,e.solved?D(b.Gy1,{color:"green"}):null,D(j.X2,{mainAxisAlignment:"flex-start",crossAxisAlignment:"center",gap:8,inline:!0},D("a",{href:U("/react/".concat(e.permalink))},e.title,e.isNew?D(w.Zh5,{color:"var(--color-theme-primary)",title:"new"}):null),e.tags?e.tags.split(" ").map((function(e){return D(v(),{href:$(e),key:e,passHref:!0},D(P.V,{key:e},e))})):null,!e.isNew&&null!=t&&"unknown"!==t&&D(v(),{href:W({difficulty:t}),key:t,passHref:!0},D(P.V,{bg:"var(--color-difficulty-".concat(t,")"),color:"#fff"},ne(t))),D(N.B,{item:e,sort:_}))))})),0===K.length&&D(j.Zh,{left:"2rem"},D(c.K,null)))),D(q,null,"desktop"===ce&&D(o.Fragment,null,D(x.o,null),D(A.j,{location:"list"})))))}},2634:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/react",function(){return n(80536)}])}},function(e){e.O(0,[3299,2888,9774,179],(function(){return t=2634,e(e.s=t);var t}));var t=e.O();_N_E=t}]);