Working with Custom Lightning Components TrailHead challenge - salesforce

In the Salesforce.com Trai-lhead Challenge: "Working with Custom Lightning Components" we are asked to install an Unmanaged Package from App Exchange "Upgrade ContactsToday Component"
After installing this App Exchange package we are asked to add the new Custom Component to an App with Lightning App Builder. However, the Custom Component never shows up in the App Builder to select. Viewing the installed package shows that component is installed (ContactsToday)
Is there something I am missing about adding a new Custom Component for use in the Lightning App Builder?

Go to Setup / Develop / Lightning Components / then check the checkbox Enable Lightning Components in Salesforce1 (BETA) and the component will show up in the App Builder.

Related

Combining a React web app with a PCF component

I would like to know if it's possible to add a PCF component (written in typescript) to an existing React web app so that when I run the web app, my PCF component will render in the browser.
PCF = Power Platform Component Framework

Refactor part of a react native app to be accessible on the web

at my company we have a react native app. now we want to make so that some of that functionality, basically a component accessible via react-navigation/bottom-tabs, is also accessible via web.
from what I understand we have 2 options:
refactor that into a web app and then integrate it back into the app as a web view
use react native web to port that component part of the app for the web. here I would have really no idea how to proceed and if that is possible at all
am I missing out on something? do you have any other suggestion?
thanks!

React js website inside a react native app

I want to build a website which has 3-4 pages. In later stage I want to build an app for the same. i.e I want to open the website in react native app. I want to do this to avoid app updates.
I will add/remove components in website so that it will reflect in the app without any update.
what is the best approach for this?
Any code samples or blogs ?

React and React Native archetypal model

What is a good approach for making a React web and a React Native app that share their APIs for consuming the same database?
The system will have some CRUD screens for managing products and their images as well diferent events that the user will save.
I will follow the component / container pattern with Redux to be able to reuse code.
I am working in Windows SO.
I was thinking in:
NodeJs (APIs) and Heroku server
MongoDB
React (web app)
React Native (mobile app)
Are there some common archetypal model when using React and React Native consuming the same apis and DB?
I know I'm going to get flamed for this one....Even though it's not persistant to what you asked. I started a new project where we are using Firebase as our cloud backend and it works seamlessly between the web, ios, and android versions (building in react native).
But in regards to your question, react and react-native work well together, You can setup your redux actions (in react-native) almost identical to your react web app. The only differences between how you want to query your backend and handle auth (native uses asyncStorage vs localstorage/cookies). React native has a built in Fetch vs any other React package like Axios or SuperAgent.

How integrate a react-redux app into another react app

I have a react-redux app and I would like to display the content of another react app ( from another team) when a user clicks on a button.
so far I had found articles about sharing components between react apps or using npm package. like this building a react component library
but I haven't found an example to package a whole app (including reducers/actions) and imported as dependency into another app
I see also there is micro frontends but not sure how to use that with react apps.
any suggestions or examples would be highly appreciated.
thanks in advance

Resources