₦airaland Forum

Watch this video to see how we hook up the Search component to filter posts by title:



https://www.youtube.com/watch?v=ssNj0Rfg_-k

Watch this video to see how we simulate API call:


https://www.youtube.com/watch?v=13XWZqj2AL4

Watch this video to see how we create our Lister React component:


https://www.youtube.com/watch?v=WR2_T12W0LY

Watch this video:


https://www.youtube.com/watch?v=5t8Tmy4NHPo

Creating the Post view component:


https://www.youtube.com/watch?v=JJWITjXszZ0

Managing the search term state, using useState:



https://www.youtube.com/watch?v=vcM8ZF8FypA

Styling the Search Component (part 2):


https://www.youtube.com/watch?v=UJS78cEb2T4

Creating the Search Component (part 1) | Afroblog App:


https://www.youtube.com/watch?v=a7lWXCZ5vlk

Thank you for the feedback.

bularuz:
Nice work @op, very nice but my problem with React is it seems to be much work when compared to traditional html, css and js.

That's true if you're dealing with a simple page, but if you want to manage the state and render different outcomes depending on the state, React is a great choice.

Ok, we don finish our Header Component.

Watch this video to see styled-components in action:


https://www.youtube.com/watch?v=Vhk9mKMgUoE

Creating Our Header Component — Part 1


https://www.youtube.com/watch?v=AnmXzC9zMf8

Side Note About Storybook:


https://www.youtube.com/watch?v=FHARn9Yawzw

Learn by doing

See how we determined our Application state in this video:


https://www.youtube.com/watch?v=ARWx_aE4gXY


Learn by doing

Watch this video to see how we handled our App Component tree/Structure:


https://www.youtube.com/watch?v=E2UwtR8eNQM

Learn by doing

The image is the user interface for the single-page application we’re building from scratch. Although the app does not do much, we will learn a lot of React concepts in the process of developing it; for example, we will learn how to: Plan a React app, use React hooks (a new feature in React 16., render lists in React, handle form controls, and use callback like a Pro.

Watch this video to see how to create React app scaffolding using Create-React-App CLI.


https://www.youtube.com/watch?v=xd3cJlJzBxE

Write Hello Africa with raw React APIs


https://www.youtube.com/watch?v=QavnK4526vs

Our npm package is live:
https://www.npmjs.com/package/afro-facts

Watch the story here:
https://www.youtube.com/playlist?list=PL3hAskMkY3-C7Zj5fWxnUQVkkYB_WJm1D

Watch this video to see how using Git's pre-commit hook stopped us from accidentally committing bug.



https://www.youtube.com/watch?v=Mhp5y0-2D0c

It is time for us to write our unit tests.

Watch the video to see DESCRIBE and IT in action.


https://www.youtube.com/watch?v=OlA0n_qRWBI

See how you can set up mocha and chai to start testing your library.


https://www.youtube.com/watch?v=P3aUtLEYrsg

For those that want to understand Data types in Javascript/Programming:


https://www.youtube.com/watch?v=pEmIU6vsUfc

tdammy:
Good work bro, great Job your doing. Am a JS developer. Also wanted start something like this in Yoruba Language, but got lots of things on my hand ATM. But try changing your screen recorder, or better still work on the settings.

Okay, thanks for the feedback.

I'll be looking forward to Javascript in Yoruba.

Take care Broda

sholarr12:
Someone should please help with this JavaScript code asking me to return that string:

I can see you're sorted?

You can also get help on ngGeeks Slack channel, and there is no need to upload screenshots, just copy-paste your code.

Link below:

https://www.nggeeks.io/

Setting up GitHub:


https://www.youtube.com/watch?v=5t8Tmy4NHPo

This series will guide you through a set of steps to publish a JavaScript open-source library.

https://www.youtube.com/playlist?list=PL3hAskMkY3-C7Zj5fWxnUQVkkYB_WJm1D

This series will guide you through a set of steps to publish a JavaScript open-source library to NPM.

https://www.youtube.com/playlist?list=PL3hAskMkY3-C7Zj5fWxnUQVkkYB_WJm1D

Do you want to be better at coding?

Answer— Code more!

Yes, our Store Locator project is live!

Try it out with any UK postcode, e.g. De234au
http://fast-reaches-17883.herokuapp.com/

If you're interested, we're starting a new project today contact me at d.bola1 at G mail dot com.

It's 1 k per session and money-back guaranteed.

Learn by doing.

Every Saturday, I run a pair programming session, where we create real-world projects. We have just completed the backend for a Store Locator Application (in Nodejs) and about to start the Frontend part (using Reactjs).

I have found that regardless of where you are in your programming career, this approach of learning comes with several benefits:
1. More confidence
2. More efficient.
3. Fewer coding mistakes.
4. Develop team collaboration skills.
5. Write quality code backed with testing.

If you are interested, leave your email to book your place.

Learn by doing.