Search⌘ K
AI Features

Introduction

Explore the foundational setup for TweetFind, a Twitter search app built with Redux Toolkit. Learn how to initiate your project and prepare for deeper exploration of Redux Toolkit features, laying the groundwork for managing asynchronous state and application logic effectively.

We'll cover the following...

The tweet finder application

The fun behind writing and teaching code is solving problems and building interesting applications. This section will take a look at building tweetfind: a Twitter search application.

Here’s what the final working application looks like before performing a search:

Below is the final application. Click “run” and have a click around. Perform a search, and see how the application behaves.

‰PNG


IHDR@@ªiqÞ
ÈIDATxœå›kpוÇÝ=3š§43’½…Ðæ%¿°MÀ1ÎÃ`“µGm¼®-ÇÙÝìn¥*wk½U›­|ÙGª²ùäªÔÚKe‰78lFl#0BH½…Þ£yOwßýÐR!i¤A#«Êþ hõôísÿ÷ÜsÏùßÛ·@±VñŒ$Iß_¨À!ÄAI’I’Ô9ë®BB<&„8+„H‰/.RÂèãcB@š"à1àu ÷s™ÕBØ/IÒ)I±8<°º6}îh¾'!žv¬¶5«€Bˆg$!Ä%`ój[³Jh–„)¾8Ñ>S¨’B¬¶«‰Ïmä…hª`b(N÷õƒ]„nÜs¸-”ÕæRZíÁæP$$és±kÅ	B09–䳏†ùø~º[CèÚüNçñÛØ¾»˜m»ÖP\åYiÓXÑ) &u:¯ŽsìWm#¤’ú,‚@™“÷—³}w1¶e¥Ì3^·RhªÎ‰WÛ9w¬—xDuÏá¶P´ÖÇgC±ÈLŽ%èï™HÍúÝ®§+ùÊÓk±»VÎQW„€xDåÔá gÞ¢¦Œæm…²[)¢j“W®‹MF’$ԔNd"EKÓM.ïeìfX¬2;/áñçjÈq¬Œ'¬'þ§÷QS†Ëûvv»ŠÍ;iGS×}í“ù¯kt·†eøÚ_Ôðà¾r,V9Û¦’ÕuMðÉûœ}«Ûì|i‡þuwµxQW–e‰²š\žýÉFÖmò t8õz'í-cÙ4uæÙl,<‘äÔëAâQcÎûÖØyâuä;‘å¥/k…¥Nžx±Îtûè¤Êû¿éBS—D3DV	øðhýa`ÊuŸ¯¡j£÷ŽÚ*YçáñçªQ¬qÁ«ã4Ÿ¹I¶glÖˆñiÓMóºv«Ÿ†{–Õæ†{)™ÊR	Ëç†HÄ´eµy;²B€‚Ö‹#ŒÄpåZyø[•Xmˋܾ€í{ŠÍë¶OF¿_V›·#+¨I¶OFѦ–¼’jõÙÑV6ïã4ˆŒ…U‚ŸMd¥Ýid…€xTåFóL”n¸¯Gv’‡ÛºM>ó:Û«AVFˆ…Èo±ÊÔ7ú³Ñ,²"Q½Å7%ÞÁ`W„D<{q +L'-Ek]8\Öl4U¡¯ÐnÖñˆÊÄPöâ@Vü´¿}Òüa™kÎl^u]Ðum‚³ÿ×CGË›Lã£Åìx¬„¼û¢í—Ôxxp_9í-c¤±Ûj‹å`ÙhªNtr¦ˆ™.p¦!„` #̛¿¸Æ@gØüûÉ_wÒßæÛ?Ù€$ÿZ€‘2¥ø×8Øûýu„'R„†ãøÖ8–k¶‰eLÎÌI‡Û‚¬Ìd}B‡óÇ{gu¯¸üáÿø­SØ]Ü^v§‚/`'Pá&PÄɚJ7V›ŒÇkÃãµ-×äYXqAD׃]‘E¨fÙÜs}Îa±Ê¸½6üEvª7ûØòHyù9ØìÙ«WœI§ç΂¢šÒŠ3>§½eœ3Gº©ķqOuÛògyڝbÙH’D:3dEbý=ù´þq„Tbv1ãðXøËÞF,’"×ÐTÁØÍ8a†û£„FD&Rfe¨4Ÿ¤õâµ[}<¸¯œŠ
y(ʝ/fË& Ç©ÌrÉxTCׄ9:’$±yç†z¢|ðV·©zíì}®šò2ÆTBc°;Â@G˜+熹~i”äT¨´œ¢íÒ»Ÿ­âž½%8îP5º#A$×éQTéB’%^ýi3Ÿ6
°}w~´ëmZžšÒîÒÝB±ÊTßåÅãÏY´LB &uB£	Îý®—Ë5ǔղ"Q½ÙǾë(,sf¬&+/½ôÒK™<ˆ©œz=ÈG'úh¸¯«Ma0¦ãÓqlv…Í­™C€¬H¸½6J«=W¹±;-K2V’$‹ŒÓc¥f«Ÿª^‹L_û$B!`t F×g”Õ䒛Ÿ“Iw2Ë'†ã¼úÓN¾ÖÉ`W„ ÝËêfÜx0&Ë^¢r+dY¢´&—ý?¬çşm§vÛLÊÝÛ6É+ÿÒLÛ¥Qt}éN½d¢¡G_¾n=‘PŠÑA£ü-­ö`±MÅ£½m“¶“-Tnðò̏ؾ»ÈÔ
'†¼ñ‹Ïî.Y8Y©¤Æ{¯uÐ|æ¦Ī6z)^ëÀî¶Î*¯^ÎhB<ªríãÎéâÒéAÂãÉY÷sósxêGëÙõL%ÒTOFúbþùUCY^
B.ä£}€!uU5xù³¿ß€¿ÈHI­6™š­~:>G^`¤?Fa©3“þÎBh4Á¡ÿ¸BOkˆXXÅfWXSébߋuTÔ癿³å(<üTɘFÓo{PS:Ý­!N¾Öɓ]Å’~Œõ€Ø¤ÊÉÿí$1•îW¹9ðw3cnÖnõãöiêè`ŒÖ‹#w¬ß¥’'_ëäúGÍ2;×è¾âØ¯Úæl´ä8,ìùN
÷œ®	.¾ÛOGËø¢ïJK€®Îïe¤JêʳòÄu”Ì-FJk<æÈh)AÓÑÓøL1>” í“Ñyï
#t·ÎU…ìN{¿_MÑÔ´Ô5Á^ïœ3mnGZB#	Sè”dhÜSLE}޼˗b1JÜéh¸7:K$ÍjR7¥õ9÷R:±Èü‚ˆ¿ÈÁýß(5ƒb÷µ—Ó{AZº¯M0Ði,uyvz²ÂŒöóaÝ&/ëïÎ7¯¾|ÿüÛóú÷+-OŸ¢J÷¼÷œn+²ùc‹,K4>ZLa¹q?×øäýÁ´ïJK@ðꄙ‡×m÷/šdØ]¶î*2‘DT£¿=ÌÅ÷ú9üó«t^_R\pæZÙòȚ9Y¢$Ã];.@€Õ¦Ð¸{FI¾Ñ<:'f܊´ôL­ç²"qׁE
—$‰¼‚œy÷ðÆãœ~#¸ kß
¡)¦É²X%*6ä±ï‡õìýóu³—ùP»ÍO^1X‰˜FÿmZÄ­HÛÒp_0ÊÙ鿆û¢ž¸Ù5W“tèïóñ;ýL;KÕ&Ïþ¸û¾V:'Şn¯‚ÃKtÝP¤BÚ<`Úu\yÖ%oOÛì
Õ7V›¼hñ“ˆ©ÿïf"£(¨¤ ƒœÂá±â-œÒif¤õ€éh¨K;ݬÛäØ+tJ2Ô5æãÌ]XIƍõ:ݖdض»ˆš-¾Ÿ™²ŠeiUaZ<~Ãí£“†`±¸½6ö>WmÎÁiÔlñ§Ýã×4AÓo»9{‹f(s±ëéʌ•ŸTB_²rœv
Ê]ŒôÅH%tÚþ4:+M‡†{)«ÉåFójRǰSQŸ‹Ã=ÿ角8ä̛]¦§Ù]¾ùƒZs.g‚ðDҌ_’$áö.ìui	(­öpõü0-MCì|²bI‚¤,Kxí4Þ²±¹’q3Gº8ý› ÙyÅ*ñÀeÔlñßÑq¹Î07§„XI1Ò÷mM×PÍ?®©9;Øæüñޏ¸e
]ôݘäåø'^m7;o±É|õ»ëxô»Uª˜F,¢òÞ¯;ÑTÃÎü"gÚ#wi	(ªrSÙ0“ßp¤‹þ`xY‡„$b*MG»9ø³‚Wgòz›]açþrØW~GB§šÒ9÷výFþ"Ép÷£é½0íp¸,<| ’Ö‹£Su‚Cÿv…§þ¦žÊõyHŽP<ªòÙGÜ{»—Î+ãÜÊ£ÇgcÏwªØñxÉu^׿ÛÏÉ×:ÍmúÚ­~¶ï)JûÜ¢¢¨¦êüþ•|ðV·éV¿¯<½–õ;
ÈõÛ<!„ ׈N¦hoçâ»ýô´…f%CŠE¢¤ÚÃן¯¡rCŠEFדc	rrJZ¢….˜OÒt´‡soÏT ¹ù6žÿ§­”T§?qº$U8Jqü•œ?Ö;ó dHÛÕ[|”V{ðì³²´H(Åp_”`„®«ãŒ'L%w®\+¨ qO1¹þ™eóãwú8u8Ha™“Šú<Ö6äQXî7“ª)¡ž­G¹|nhÖT*(q°ÿ¯ê©Ý¶x]²,¨œ?Öˇo÷̑›‹„Å*së»4͐³oo]V$|;wí觘‚§¹ÎG'Sœ~#HÓÑÓKdYÂæP°æÈXsŒ}ÃDLcr,A*¡¨f`¶Xeª6yùæµÊ]K
¢í蚱Í}á÷}40H*¾ôckŠEbÝfëï) v‹Âyîòæ/¯ÑÞ2–ñjSPêäþo”±õ‘5¸3Ø@ÍxcD®ÃøPœÖ‹#ܸ4Fh41k‹ŒÑpûlÊ\T6äQ}—ÏÜ9^È-§ÔĸrnˆÍcLŒ$$ˆGUóx½¢H8<VÜ^+2ëw°ñþBrìéãEV¸º&ˆ„Ró áñ-o'7ӘM01’ UMAE±H8ÜVÜ^ÞBû²ŽÐ~é?™‘+«mÅ*âŠ,„8ˆñié—
ªâ ,IÒ!àÂj[³
¸ IÒ¡/ý§³Óáó]àiŒÏI¿ÈÓAÅèã~à40ût‹ø~>ÿÿ‡ÞÊׁ˜IIEND®B`‚
The completed tweetfind application

With tweetfind, we will explore some RTK functions already introduced in greater detail. But first, let’s start with setting up the project.