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ª²ùäªÔÚKe78lFl#0BH½
Þ£yOwßýÐR!i¤A#«Êþ hõôísÿ÷ÜsÏùßÛ·@±Vñ$Iß _¨À!ÄAIIÔ9ë®BB<&8+H/.RÂèãcB@"à1àu ÷sÕBØ/IÒ)I±8<°º6}îh¾'!v¬¶5«Bg$!Ä%`ó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¬xDuÏá¶P´ÖÇgC±ÈL%èïHÍúÝ®§+ùÊÓk±»VÎQWxDåÔá gÞ¢¦æm
²[)¢jW®MF$ÔNd"EKÓM.ïeìfX¬2;/áñçjÈq¬'¬'þ§÷QSËûvv»Í;iGS×}íù¯kt·eøÚ_Ôðà¾r,V9Û¦ÕuMðÉû}«Ûì|iþuwµxQWe²\ýÉFÖmò t8õz'í-cÙ4uæÙl,<äÔëAâQcÎûÖØyâuä;å¥/k
¥Nx±Îtûè¤Êû¿éBSD3DV øð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
UMd¥Ýid
xTåFóLn¸¯GvÛºM>ó:Û«AVF
Èo±ÊÔ7ú³Ñ, ²"Q½Å7%ÞÁ`WD<{q +L'- Ek]8\Öl4U¡¯ÐnÖñÊÄPöâ@Vü´¿}ÒüakÎl^u]Ðum³ÿ×CGËLã£Åìx¬¼û¢íÔxxp_9í-c¤±Ûjå`ÙhªNtr¦.p¦!` #Ì¿¸Æ@gØüûÉ_wÒßæÛ?Ù$ÿZ2¥ø×8Øûýu'RãøÖ8k¶eLÎÌIÛ¬Ìd}BóÇ{gu¯¸üáÿøS Ø]Ü^v§/`'Pá&Pî¤ ÄÉJ7VÇkÃãµ-×äYXqAD×]E¨fÙÜs}Îa±Ê¸½6üEvª7ûØòHyù9ØìÙ«W I§ç΢Ò3>§½e3Gº©ķqOuÛògyÚbÙHD:3dEbý=ù´þqTbv1ãð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%^ýi36
°}w~´ëmZÒîÒÝB±ÊTßåÅãÏY´LB &uB£ Îý®Ë5ÇÕ²"Q½ÙǾë(,sf¬&+/½ôÒK<©z=ÈG'úh¸¯«Ma0¦ãÓq lv
Í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ù³¿ß¿ÈHI6~:>G^`¤?Fa©3þÎBh4Á¡ÿ¸BOkXXÅfWXSébßuTÔ翳å(<üTÉFÓo{PS:Ý!N¾ÖÉ]Å~õؤÊÉÿí$1îW¹9ðw3cnÖ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:±Èü¿ÈÁýß(5b÷µÓ{AZº¯M0Ði,uyvz²ÂöóaÝ&/ëïÎ7¯¾|ÿüÛóú÷+-O¢J÷¼÷n+²ùc,K4>ZLa¹q?×øäýÁ´ïJK@ðê×m÷/dØ]¶î*2DT£¿=ÌÅ÷ú9üó«t^_R\pæZÙòÈ9Y¢$Ã];.@ զи{FI¾Ñ<:'fÜ´ôLç²"q×E
$¼y÷ðÆã~#¸ kß
¡)¦É²X%*6ä±ïõìýóu³ùP»ÍO^1XFÿmZÄHÛÒp_0ÊÙé¿û¢¸Ù5Wtèïóñ;ý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_²rv
Ê]ôÅH%tÚþ4:+M{)«ÉåFójRǰSQÃ=ÿè§8äÌ]¦§Ù]¾ùZs.gðDÒ_$áö.ìui (öpõü0 -MCì|²bI¤,Kxí4Þ²±¹q3Gº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¸,<| Ö£SuCÿv
§þ¦ÊõyHP<ªòÙGÃ{»Î+ãÜÊ£ÇgcÏwªØñxÉu^׿ÛÏÉ×:ÍmúÚ~¶ï)JûÜ¢¢¨¦êüþ|ðV·éV¿¯<½õ;
ÈõÛ<! ×N¦hoçâ»ýô´
f%CE¢¤ÚÃׯ¡rCEF×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*¾ôckEbÝ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ø~>ÿÿÞÊ×I IEND®B`With tweetfind, we will explore some RTK functions already introduced in greater detail. But first, let’s start with setting up the project.